Chrome浏览器页面执行自定义JS脚本

介绍一种在chrome浏览器页面中执行自定义js脚本的方式，可用于解析网页数据，模拟网页操作等等，具体功能取决于脚本内容。下面的案例演示如何在百度站点执行自定义的随机搜索。

1、准备脚本

将以下js脚本内容保存为js文件，例如chromeScript.js

function randomSearch() {
  //在百度站点随机搜索下面这几个关键词
  let keys = ['北京', '上海', '天津', '重庆', '江苏', '浙江', '河北'];
  //kw为百度页面输入框id，使用jquery设置输入框为上面关键词中随机一个
  $("#kw").val(keys[Math.random() * 10 & 7]);
  //form为百度页面搜索提交表单id，执行提交，搜索
  $("#form")[0].submit();
}
randomSearch();

2、将chromeScript.js上传至可访问的服务器

假设我们上传将脚本上传到服务器后，访问地址为：https://crane.run/chromeScript.js

注意：如果宿主站点使用的是ssl，则脚本也必须放到支持ssl的服务器上使用https访问

3、添加chrome浏览器书签

书签名称可自定义，网址内容为：javascript:$.getScript('https://crane.run/chromeScript.js')，如下图：

   

4、打开百度站点，点击上一步中添加的书签“随机搜索”查看效果

说明：宿主网站中已存在的js方法可在自定义脚本中直接使用，上面案例中使用了百度站点内的jquery