html避免js脚本注入,chrome浏览器拓展——js脚本拦截及注入
概要
该浏览器拓展插件是拥有为页面拦截和注入js功能的chrome浏览器扩展,可以拦截页面脚本、检索页面脚本文件、下载页面脚本文件、为页面注入js文件,以及为页面注入requirejs和requirejs入口文件。
安装方式
拓展为开发版本,尚未打包发布,安装时需要将项目文件更新到本地,具体如下:1,更新项目到本地目录,如:/users/js_inject
2,在chrome浏览器中打开 chrome://extensions/
3,点击“加载正在开发的拓展程序”按钮
4,选择/users/js_inject目录,确定
5,浏览器地址栏右边的艺龙logo小图标,即为拓展插件的入口
自定义
在本版插件中,预设了一些默认设定,可以根据实际需求进行修改。功能点、配置文件位置、如何修改详情如下:
1,配置需要开启js拦截功能的站点域名。“background.js” 文件中的如下位置:urls: [
"*://*.jquery.top/*", //域名过滤器,*://*/* 表示所有协议、所有域名、域名下的所有资源均匹配
"*://*.baidu.com/*"
],
2,配置拓展启动时需要向页面注入的资源。“manifest.json” 文件中的如下位置:"content_scripts": [
{
"matches": ["http://*/*"], //域名过滤器
"js": ["jquery-1.9.1.js"], //需要向页面中注入的脚本资源
"run_at": "document_end" //注入时机,该选项表明是文档节点加载完成后注入
}
],
3,配置拓展包内资源引用权限。“manifest.json” 文件中的如下位置:"web_accessible_resources": [
"require.js",
"returnjs.js",
"images/*"
]
功能点
1,脚本拦截功能
打开拦截匹配的域名链接后,拓展会自动拦截页面中引入的所有的外部脚本资源。
2,js脚本检索功能
打开拓展界面后,即会加载出页面中所有引用的外部js脚本列表,可以通过“检索URL”输入框对脚本关键字进行检索。
3,下载选中脚本
点击“下载选中脚本”按钮可以下载已经选中的检索出的脚本文件。
4,向页面中注入指定脚本(远程脚本)
4.1 普通注入方式
普通注入方式将直接向页面中注入在“脚本URL”文本框中输入的远程脚本并立即执行。
4.2 requirejs入口脚本方式注入
该方式将首先向页面注入require.js,随后将把“脚本URL”文本框中输入的远程脚本作为requirejs的入口脚本执行。
注:脚本URL文本框中默认的远程url即通过requirejs入口脚本方式注入的demo,注入的main.js文件将依赖jQuery.js和另一个自定义模块count.js,注入后会更改页面背景色为红色,并在控制台输出“111+222”的计算结果。
外部API资源文档
html避免js脚本注入,chrome浏览器拓展——js脚本拦截及注入相关推荐
- 强烈推荐-这个方法让chrome浏览器拓展程序打包成.crx文件最快?
强烈推荐!这个方法让chrome浏览器拓展程序打包成.crx文件最快? 简介 视频教程 操作步骤 参考资料 结束の语 今日问答 YOUTUBE频道 欢迎订阅我的bilibili频道 强烈推荐!这个方法 ...
- Chrome浏览器调试js第二次运行出现Uncaught SyntaxError: Identifier ‘***’ has already been declared
问题描述 Chrome浏览器调试js第二次运行出现Uncaught SyntaxError: Identifier '***' has already been declared 原因 let 语句只 ...
- 解决新版chrome浏览器SameSite属性cookie拦截问题
解决新版chrome浏览器SameSite属性cookie拦截问题 问题现象: 由于升级了新版chrome浏览器后,发现系统正常iframe嵌套.AJAX,Image从以前的跨站会发送三方 Cooki ...
- 谷歌浏览器扩展程序XDM_设计师的谷歌Chrome浏览器拓展程序推荐!Design Service Center...
01 Dualsub --Youtube 视频双语翻译字幕 在我们使用Youtube时时常会遇到我们想看的视频,但往往因为没有中文字幕而导致无法观看,现在Dualsub这款插件就能实现你的愿望了.他可 ...
- JS生成EXCEL(Chrome浏览器)
直接使用js+Html生成excel文件,当前版本:chrome浏览器 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta ...
- ie浏览器运行JavaScript脚本打开Chrome浏览器ie配置启用ActiveX控件配置
IE打开chrome浏览器脚本 window.onload=function () {var objShell = new ActiveXObject("WScript.Shell" ...
- CentOS7 安装chrome浏览器和ChromeDriver 及 python脚本调用chrome浏览器
环境: contos 7.5 chrome 81.0.4044.69 81.0.4044.69-chromedriver_linux64 python 3.6.1 selenium 3.141.0 1 ...
- chrome浏览器中使用adblockplus拦截广告
adblock plus是一款可以屏蔽广告以及任何你想屏蔽元素的软件,屏蔽之后的效果如下图所示,abp自动屏蔽广告,还可以自行添加屏蔽内容,右上角红色的ABP标识就是该软件 下载地址 https:// ...
- java 打开网页并运行脚本_各种浏览器开启JavaScript脚本方法
1.单击右上角的齿轮图标.从出现的菜单中选择Internet 选项. 2.单击安全选项卡.单击窗口底部的自定义级别按钮,弹出安全设置对话框. 3.找到脚本目录.单击JAVA 小程序下的启用选项,选择此 ...
最新文章
- python 归一化_几种归一化方法(Normalization Method)python实现
- lnmp/nginx系统真正有效的图片防盗链完整设置详解
- sql远程mysql服务器查询_sql server 使用链接服务器远程查询
- java跳转_java servlet 几种页面跳转的方法
- 笔记本上的小键盘计算机怎样用,笔记本数字小键盘不能用怎么办【解决方法】...
- Alice and Bob (SG函数)
- mysql学习笔记(常用语句)
- 微信小程序生成海报分享:canvas绘制文字溢出如何换行
- php invoke 反射,PHP ReflectionMethod invoke()用法及代码示例
- html幻灯片气泡,jQuery炫酷气泡缩略图幻灯片画廊插件
- 点云数据的类型主要分为_点云数据处理方法概述
- XAMP安装Apacher无法启动
- 某微型计算机指令格式如图,计算机组成原理期末复习试题2套不含答案
- 【数学思维】运筹学-线性规划之标准形式与Hidden LP
- 微信小程序wx.compressImage的坑
- HDU 6194	string string string
- 遇到不支持的 Oracle 数据类型 USERDEFINED。
- CSS-sprit 雪碧图
- socket协议基础知识
- C语言 —— 函数介绍