how to use js on chrome

说在前面

本教程使用的是 chrome浏览器（其他使用Chromium内核浏览器同样适用），测试网址是百度首页，使用的测试js脚本如下：

1	alert("当你看到这个弹窗，说明你已经成功运行js脚本啦！");

在我们要运行脚本的标签页，复制测试js脚本到地址栏，前面增加这个字符：javascript:

1	javascript:alert("当你看到这个弹窗，说明你已经成功运行js脚本啦！");

黏贴到地址栏，键盘回车，页面将运行测试js脚本

部分高版本chrome会自动注释掉 javascript:,以浏览器地址栏实际显示为准，被注释掉，需要手打javascript:进去

0-1

0-2

使用快捷键：Ctrl + Shift + O，或者按照下图步骤打开书签管理器

1-1

进入书签管理器后，点击右上角的菜单-添加新书签

1-2

在弹窗中为书签添加个任意名称，其中网址就输入我们的js脚本，点击保存，保存成功后书签栏将会出现新增的书签

部分高版本浏览器保存提示网址无效 同样给脚本前面添加这个字符：javascript:就可以保存了，

1	javascript:alert("当你看到这个弹窗，说明你已经成功运行js脚本啦！");

1-3

切换到我们要运行脚本的标签页，点击书签栏的脚本即可运行脚本
【如果浏览器没有标签栏，使用快捷键Ctrl + Shift + O即可显示书签栏】

0-2

在我们要运行脚本的标签页，使用快捷键：Ctrl + Shift + i【部分浏览器可以使用快捷键F12】，或者按照下图步骤打开开发者工具

2-1

2-2

在开发者工具的console栏目输入我们要运行的脚本，回车执行

2-3

小技巧：使用快捷键：Ctrl + Shift + D,将控制台展示调整为侧边栏，或者执行下图操作：
2-4

小技巧：使用快捷键：Ctrl + Shift + M,可以将网页模拟成移动端，或者执行下图操作：
2-5

参照上面的控制台执行方法打开开发者控制台，执行下图操作：
3-1

右击对应的脚本，点击Run运行脚本，效果如下：
3-1