admin管理员组

文章数量:1530034

介绍一种在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 

 

本文标签： 自定义脚本浏览器页面chrome

版权声明：本文标题：Chrome浏览器页面执行自定义JS脚本 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://m.elefans.com/dongtai/1726734401a1082546.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。