03/9
2018
刚才需要获取 Chrome 浏览器的版本号，写了个代码如下：
const agent = navigator.userAgent;
if (agent.includes('Chrome')) {
let chrome_ver = parseInt(agent.match(/[\d.]+/gi)[5]);
console.log(chrome_ver);
}
此代码在 Windows 上的 Chrome 84 里测试通过。
如果以后过的时间长了，再用的话就要先验证一下对不对了。
获取 Chrome 浏览器的版本号
08/12
2017
今天我想自己做个chrome主题，于是从谷歌应用商店下载了“主题创建者”这个应用程序。这个程序可以让我们设置chrome的一些外观选项，最后保存成一个压缩包。我们把这个压缩包解压到文件夹，再到chrome的扩展程序页面，加载这个文件夹即可。
Read More →
制作自己的chrome主题
04/14
2017
本文略微记录一下开发chrome扩展的经验，免得以后用到了还要再去查一遍文档。注意这不是教程，只是一点人生的经验……教程可以参考这里。
1.文件结构：
在扩展的根目录必须有个manifest.json文件，这个文件很重要，参数可以去文档里看。
其他的所有文件可以放在根目录，也可以建立文件夹存放。
扩展的图标可以用jpg或者png格式；官方建议是不要把图标占满画布，而是在四周留下一点空白。
一般我们需要一个在后台默默运行的js，通常叫做background.js，它能使用所有chrome扩展的API。
通常我们也需要有一个在前台运行的js，可以叫做content.js。这个js会被加载进前台页面执行，它只能使用很少的chrome扩展的API。而且它通常只能访问dom结构，不能直接使用页面上定义的函数。
如果需要也可以建立一个活动页面，一般叫做popup.html。
如果需要也可以建立一个选项页面，一般叫做options.html。
以上这些都需要在manifest.json里定义。
其他的文件可以自行发挥，比如html文件、css文件、图片等，有需要就可以建立，然后自行调用即可。
在background的参数里设置"persistent": false可将扩展作为event page，可以减少一些内存占用。
Read More →
制作chrome扩展的一些经验
04/8
2017
html5对a标签新增了download属性用于下载文件，简单的理解是a标签如果添加了download属性，那么点击它的时候就不会跳转，而是会触发浏览器下载文件。如：
但firefox有点麻烦，它有同源限制，如果href里的url和当前页面的url不是同源就不能下载。
其他几大浏览器都没这限制(Edge、Chrome、Opera）。
另外firefox在由download属性触发下载时，可能会提示处理方式：
这好像是firefox下载文件时特有的提示，chrome没这个提示。
实际上firefox麻烦事还挺多，参见本文结尾的dwmo。
其他资料：
使用a标签的download属性让浏览器下载文件
04/6
2017
2.谷歌开发文档的非官方中文版
3.360极速浏览器的官方开发文档
翻译成了中文，挺不错，但是很久没更新，显得落伍了。
4书籍《Chrome扩展及应用开发》，我们可以在图灵社区免费阅读。这本书很不错。
这本书还有第二版，修订和增加了一些内容，不过不提供全部免费阅读。图灵社区页面
开发chrome扩展的一些参考资料
02/23
2017
当我们在chrome的地址栏中输入内容的时候，chrome会在历史记录、书签里寻找匹配的内容并加以提示。
如上图，我只输入了“saber”，chrome便显示出了我访问过的一系列网址，如“www.saber.我爱你”、“www.saber.love”等。
但是我博客域名现在只用“saber.love”了，如何去掉这些已经不再需要的提示呢？其实这是有快捷键的，首先用键盘的方向键选中要删除的记录，然后按下快捷键来删除这条记录：
Windows：按 Shift + Delete
Mac：按 Shift + fn + Delete
Chromebook：按 Alt + Shift + Backspace
注意，下拉提示里的书签（前面显示为五角星图标）是不能这样删除的，还是去书签管理器中删除吧。
官方文档：《移除特定的联想查询》
chorme中如何单独删除地址栏下拉框的提示
02/16
2017
刚才修改一个网站，原本的网页编码是gb2312的，我使用一个编码转换器转换成utf-8时出了点问题，编码变成了这样：
<meta http-equiv="Content-Type" content="text/html"; charset=utf-8"gb2312" />
我直到修改完都没发现问题，后来同事的360浏览器上和搜狗浏览器上网页都是乱码，我才发现了这个问题。
看来chrome的容错能力也是非常强大啊。
我又感受到了谷人希的魅力
01/19
2017
这是我制作的获取bilibili视频封面大图的chrome扩展，chrome浏览器及多数chromium内核的浏览器都可以使用。
扩展作者：雪见仙尊
扩展图标用的是loading画师某抱枕的图（saber酱真是太可爱啦~
chrome应用商店地址：
https://chrome.google.com/webstore/detail/egodkcidolldembjebmiepoibpahmllh
【chrome扩展】获取哔哩哔哩视频的封面大图
01/8
2017
01/1
2017
调试移动设备上的网页很麻烦，因为手机上基本没什么调试工具。我们最常用的办法应该是在pc上模拟网页在手机里的运行效果，但如果遇到用模拟不能解决的问题，就又要发愁了。
倒闭公司谷人希家的chrome浏览器可以使用USB数据线调试Android手机上的网页，很好用，最近我找了些教程试了试，把步骤记录一下。
首先手机要是Android的，需要打开开发者模式并开启USB调试。
然后用手机上的浏览器（不知是否所有浏览器都可以，推荐用手机版chrome）打开要调试的网页，并使用USB数据线把手机连接到电脑上（如果有模式选择，可以选择传文件模式，不要选择仅充电）。电脑上需要有这个手机的驱动，如果没有驱动得自己去装（现在多数手机插上就会自动装驱动了吧）。
之后在电脑上chrome地址栏里打开chrome://inspect/#devices，会自动扫描通过USB连接的设备。
这个阶段可能在手机上会弹出USB调试的确认框，点同意。这样，chrome中就会显示出手机以及手机上打开的网页了。
要调试某个网页的话，点击它下面的“inspect”就可以了。chrome会打开一个新的窗口来显示这个页面，之后我们就可以用开发者工具来调试了：
如果操作步骤和设备都符合要求却不能显示/调试设备，那么可以尝试翻墙。
