100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > Chrome浏览器页面执行自定义JS脚本

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

时间:2022-03-03 23:29:13

相关推荐

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

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。