从油猴脚本管理器的角度审视Chrome扩展 在之前一段时间，我需要借助Chrome扩展来完成一个需求，当时还在使用油猴脚本与浏览器扩展之间调研了一波，而此时恰好我又有一些做的还可以的油猴脚本 TKScript...服务器，可以通过new WebSocket来链接并且在监听消息，当收到来自服务端的reload消息之后，我们就可以执行chrome.runtime.reload()来实现插件的重新加载了，那么在开启的WebSocket...Chrome扩展能做的东西实在是太多了，如果不了解或者不开源的话根本不敢安装，因为扩展权限太高可能会造成很严重的例如用户信息泄漏等问题，即使是比如像Firefox那样必须要上传源代码的方式来加强审核，也很难杜绝所有的隐患...://xxxxxx/DEBUG.user.js })(); }; 由于实际上Chrome浏览器不再允许V2的扩展程序提交，所以我们只能提交V3的代码，但是V3的代码有着非常严格的CSP内容安全策略的限制...API，这相当于是浏览器扩展级别的权限，例如直接获取用户磁盘中的文件内容，并且可以直接将内容跨域发送到恶意服务器，这样的话我们的脚本管理器就会成为一个安全隐患，再比如当前页面已经被XSS攻击了，攻击者便可以借助脚本管理器
之前分享过很多Chrome扩展的文章，不过都是电脑端的，今天分享几个手机上能安装扩展和油猴脚本的浏览器。 上不了谷歌如何安装 Chrome 扩展？...那些有趣/实用的 Chrome 扩展神器 那些有趣/实用的 Chrome 扩展神器系列（二） 那些有趣/实用的 Chrome 扩展神器系列（三） 微软 edge 浏览器如何安装扩展 实用油猴脚本推荐，让你的谷歌浏览器更强大...Kiwi 这是第一个要推荐的浏览器，Kiwi基于Chromium和WebKit内核开发（类似Yandex浏览器），安装扩展方式与电脑端一样，直接访问Chrome扩展商店，搜索你想安装的扩展就可以了，堪称手机版...它同样支持安装扩展程序和油猴脚本，也支持火狐账号登录 。...附加组件里直接安装油猴扩展。 ? 打开https://greasyfork.org/zh-CN/scripts/406336 直接安装脚本。 ?
它的主要功能及适用场景，大致如下： 1.事件页面监听的某个事件触发 2.应用或扩展程序第一次安装或者更新到新版本（为了注册事件） 3.内容脚本或其他扩展程序发送消息 4.扩展程序中的其他视图调用了...扩展程序的消息传递 消息传递存在的必要性是因为内容脚本在网页而不是扩展程序的环境中运行，所以它们通常需要某种方式与扩展程序的其余部分通信。...扩展程序（弹窗页面和后台页面）和内容脚本间的通信使用消息传递的方式。 两边均可以监听另一边发来的消息，并通过同样的通道回应。消息可以包含任何有效的 JSON 对象。...这些方法分别允许您从内容脚本向扩展程序或者反过来发送可通过 JSON 序列化的消息，可选的 callback 参数允许您在需要的时候从另一边处理回应。..."来自内容脚本：" + sender.tab.url : "来自扩展程序"); if (request && !
它的主要功能及适用场景，大致如下： 事件页面监听的某个事件触发 应用或扩展程序第一次安装或者更新到新版本（为了注册事件） 内容脚本或其他扩展程序发送消息 扩展程序中的其他视图调用了 runtime.getBackgroundPage...扩展程序的消息传递 消息传递存在的必要性是因为内容脚本在网页而不是扩展程序的环境中运行，所以它们通常需要某种方式与扩展程序的其余部分通信。...扩展程序（弹窗页面和后台页面）和内容脚本间的通信使用消息传递的方式。两边均可以监听另一边发来的消息，并通过同样的通道回应。消息可以包含任何有效的 JSON 对象。...这些方法分别允许您从内容脚本向扩展程序或者反过来发送可通过 JSON 序列化的消息，可选的 callback 参数允许您在需要的时候从另一边处理回应。..."来自内容脚本：" + sender.tab.url : "来自扩展程序"); if (request && !
除了chrome本身的基本能力（控制台等）外，能大幅提高这个神器的使用体验的是，可扩展能力（插件）以及丰富的插件生态。...chrome extention支持的扩展点以及扩展功能很多，对于初学者不可能一下子看完官方所有文档再去动手。而应该是先根据自己用过的插件，脑海中有个大致的印象：插件可以在哪些地方起到效果。...，在devtool中可以看到插件注入的这些内容: ?..."background": { // 在浏览器运行环境中运行的后台脚本，只要开启插件就会生效 "scripts": ["background.js"] } 了解了上面三种扩展点的配置方法后，...： 添加右键菜单 接收content_script发来的消息并处理 // background.js function createMenu() { // 添加右键菜单 var
扩展可以不受该限制. 任何扩展只要它先获取了跨域请求许可，就可以进行跨域请求。 注意:页面内容脚本不能直接发起跨域请求....然而, 任何一个页面内容脚本都可以发送消息给父扩展，请求父扩展发起一次跨域请求。关于使用这一技术的例子，请参照contentscript_xhr example....扩展所属域 每个正在运行的扩展都存在于自己独立的安全域里. 当没有获取其他权限时，扩展能够使用XMLHttpRequest获取来自安装该扩展的域的资源....的资源(假设该扩展不是来自www.google.com), 浏览器不会允许这样的请求，除非该扩展获得了相应的跨域请求允许。...注意在这里, 模式匹配有点像内容脚本匹配, 但是这里的任何域名后的路径信息都被忽略 这里还需要注意访问权限是根据访问协议(匹配模式里的http或者https或者其他协议名)及域名来授予的.
Content Script 是 JavaScript 代码片段，运行在用户浏览器被访问过的页面上（在这种情况下，用户访问的每个页面）。 以下代码来自扩展程序的Content Script： ?...以下是在扩展的后台页面中声明的消息侦听器： ?...回想一下这个值是接收于 Content-Length 头。...转到包含上面显示的核心易受攻击的函数 popup.js 脚本文件，我们看到以下内容： ? 单击扩展程序的浏览器图标(浏览器的右上键)时会触发上述代码。...我联系了一些在 Google 的 Chrome Extension security 工作的人。他们适当地通知了扩展所有者，并努力获得修复。 这两个扩展的最新版本不再容易受到此处描述的漏洞的影响。
以下是一个在content脚本中发送消息，并在background脚本中接收消息的示例： // content script chrome.runtime.sendMessage({greeting:...("Menu item clicked: ", info.menuItemId); }); 更多详见谷歌插件API 与网页内容进行交互 与网页内容进行交互是Chrome插件开发中常见的需求，可以通过内容脚本和消息传递来实现...下面是如何与网页内容进行交互的示例： // Content script // 监听来自插件的消息 chrome.runtime.onMessage.addListener(function(message...response) { console.log("Response from content script: ", response.message); }); }); // 监听来自内容脚本的消息...} }); 通过以上代码，插件可以向内容脚本发送消息，并与网页内容进行交互，例如修改网页元素的样式、获取网页中的数据等。
详情请看 图形界面 部分;● 映射 键盘、游戏操纵杆和鼠标上的按键或按钮;● 运行现有的AutoIt v2脚本并用 新功能 来增强它们;● 将脚本文件编译 成EXE可执行文件,使得程序在没有安装AutoHotkey...；● 可以创建机器码地址，当它被调用时会重定向到脚本中的函数；● 可以复制字符串到内存地址或来自内存地址,并可以对其在指定代码页间进行转换；● 文件、目录和磁盘管理：● 读取、写入、复制、删除、...：● 可以禁用或启用用户通过键盘和鼠标对电脑进行操作而脚本不受影响。...： 通过检测图像和象素色彩来自动执行游戏中的动作；● 进程管理： 执行脚本动作来响应系统关闭或注销；● 使用RunAs方式指定运行用户身份；● 可以对进程进行是否存在、列表、优先级、等待运行、等待结束操作...\Application\chrome.exe"return其他功能大家可以功能自己的需要去发掘更好的用法。
消息队列支持异步通信，有助于分离发送方和接收方进程。此外，进程可以通过信号进行通信，相互通知特定的事件或请求。socket利用网络协议将 IPC 扩展到不同的机器。...与之前的版本不同，Manifest V3优先考虑资源利用率，解决了人们对 Chrome 历史性的高资源利用率的担忧。其核心目标是通过扩展来限制系统资源消耗，以优化浏览器性能。...", "web_accessible_resources": ["RESOURCE_PATHS"] } 4.3.2 内容脚本 Chrome 插件中的内容脚本通过配置将 JS 和 CSS 注入到指定的页面中...4.3.3 后台脚本 Chrome 扩展中的后台脚本具有最长的生命周期，并且在浏览器打开时连续运行。它拥有广泛的权限，允许访问大多数 Chrome 扩展 API 和跨源请求，而不受 CORS 限制。...内容脚本，在特定网页上下文中执行的脚本，利用 window.postMessage、 chrome.runtime.sendMessage 和 chrome.runtime.connect 进行脚本间通信
清单文件是插件的配置文件，包含插件的名称、版本、描述、权限以及其他相关信息。背景脚本用于处理插件的后台逻辑，而内容脚本则用于在网页中执行JavaScript代码。...页面之间进行数据通信 如需将单条消息发送到扩展程序的其他部分并选择性地接收响应，请调用 runtime.sendMessage()[7] 或 tabs.sendMessage()[8]。...通过这些方法，您可以从内容脚本向扩展程序发送一次性 JSON 可序列化消息，或者从扩展程序向内容脚本发送。如需处理响应，请使用返回的 promise。...来源地址：developer.chrome.com/docs/extens…[9] content中脚本发送消息 chrome.runtime.sendMessage只能放在content的脚本中。...onMessage 在扩展程序和内容脚本中使用相同的代码 chrome.runtime.onMessage.addListener( function(request, sender, sendResponse
Chrome 32.0的主要更新内容如下： 标签标题增加声音，摄像头，串流使用提示 全新的Windows 8模式 自动阻止恶意文件 一些新的扩展以及API接口 大量性能及稳定性改善...虽然X86平台用户基本不会用到win8模式，但对于surface RT使用者而言应该是一个不错的消息。只是目前为止仅支持安装app，并不支持文件管理和更换背景等高级功能。...chrome内置的安全保护能够在用户下载恶意文件是给予提醒，但默认为交互式界面，需要用户自行判断是否下载。在chrome 32中，被判定为恶意文件的下载内容将自动阻止而无需用户干预。...不过在chrome 32更新前已经为开发者留出了一个多月的准备时间，支付宝目前采用了手机验证码的折衷形式。在进行快捷支付时会提示安全控件不可用，需要接收手机验证码完成支付。...此外大量使用NPAPI的扩展也受到波及，例如著名手势扩展pig toolbox。
--- 二、专用worker 只能被单一脚本调用创建后台线程。但在worker内，不能直接操作DOM节点，也不能使用window对象的默认方法和属性，可用方法和对象，看这里!...主线程和 worker 线程之间通过postMessage() 发送信息并用onmessage 接收消息。 <!...--- 三、SharedWorker 可以被多个脚本调用并创建多个后台线程，前提是这些脚本所在页面必须同源（相同的协议、host 以及端口）。...这个 API 旨在创建有效的离线体验，它会拦截网络请求并根据网络是否可用来采取适当的动作、更新来自服务器的的资源。它还提供入口以推送通知和访问后台同步 API。...目前只有 Chrome、Firefox 对此功能有比较完整的支持，其他浏览器暂时不支持。 --- 五、参考文档 怎么用JavaScript启动浏览器的后台线程？
） 2.脚本与运行 2.1 QQ登陆脚本(qqlogin.pl) #!...$host = "0.0.0.0"; #发送消息接口监听地址，修改为自己希望监听的地址 $port = 5000; #发送消息接口监听端口，修改为自己希望监听的端口 #$post_api =...'http://xxxx'; #接收到的消息上报接口，如果不需要接收消息上报，可以删除或注释此行 my $client = Mojo::Webqq->new(qq=>$qq); # 配置邮件，发送登录的二维码图片到邮箱中...并合并告警内容的标题和内容，即$2和$3 message="`echo -e "$2\n$3"|od -t x1 -A n -v -w100000 | tr " " %`" #组装api调用地址 api_url...gnumber=xx&content=$xx #请求api地址发送群消息 curl $api_url 2.3 测试QQ登陆脚本(qqlogin.pl) [root@niaoyun home]#
因为在访问网页版时会强制要求你登录账号，否则根本点不进去，无法正常使用，但是有了该插件，只需要启动即可轻松帮助用户实现不登录也可正常使用知乎网页版，并只要启动了知乎免登陆脚本不仅直接免去了登陆的流程，还丝毫不会影响用户浏览其中的问题...知乎免登陆脚本使用教程 1、下载并进行解压后即可获得油猴、知乎免登陆脚本、知乎美化脚本。...2、这俩脚本都属于油猴脚本，所以在使用前需要先安装油猴管理器，大家进入浏览器的扩展程序中心，并开启“开发者模式”，接着将后缀为crx的脚本拽进去即可完成安装。...3、油猴管理器安装成功后，就可以开始安装知乎免登陆脚本。 4、这时用装了油猴插件的浏览器打开网址点击安装就会自动生效 当然也支持将js脚本自行导入安装。...但这也无妨，因为我使用知乎频率最多的功能还是搜索，知乎首页推荐的文章、问题我基本不会主动打开。 如果你能接受，这个脚本就算是帮了我们大忙。
什么是 Chrome 插件 如果你用过 Chrome 浏览器的话，也许会用到过一些插件，其中比较知名的就是油猴插件，通过这些插件能够帮你例如自动完成一些功能，屏蔽广告，相当于一个浏览器内置的脚本。...}, function (response) { console.log('来自content的回复：' + response) }) content.js通过监听事件接收： chrome.runtime.onMessage.addListener...('收到来自content的消息：') console.log(request, sender, sendResponse) sendResponse('我是后台，我已收到你的消息：' + JSON.stringify...我的模板 关于 Chrome 的主要内容也就这些，实际开发如果有个模板就能大大方便开发，在原文章中该作者已经分享了有对应的源代码，这里放上我自写的 Chrome 模板编写过程。...Chrome 扩展搞完。
****前言**** Chrome浏览器扩展开发算是相当简单的，基本只要掌握HTML+CSS+Javascript，即可快速开发一个属于你的Chrome插件！...---- ****Chrome扩展基本目录结构**** manifest.json 这是一个配置文件，里面记录了扩展的使用范围、作者、版本、其余需要加载的文件等内容; icon.png 这个一看便知...，比较常用的是指定子属性 scripts，表示在扩展启动时自动创建一个包含所有指定脚本的页面。...ALic_Chrome ? Alic_Chrome 简单的扩展插件就完成了 ～～～ ---- ****background交互**** 简单来说呢，上面完成的其实就是一个扩展程序的微框架。...background顾名思义呢就是扩展程序的后台脚本，该脚本在程序运行之后一直处于后台运行状态。记录常用的API。
://*.xxx.com/*" ] }] } 消息监听 1、插件内部发送消息 //onMessage消息监听 chrome.runtime.onMessage.addListener(function...('触发成功了'); //返回一个内容到发送消息的回调函数中 }); //发送消息，触发上面的onMessage chrome.runtime.sendMessage('', {text: '我是个测试内容...，扩展才会监听 //onMessageExternal消息监听 chrome.runtime.onMessageExternal.addListener(function (request, sender..., sendResponse) { console.log(request.text); //打印出来的值：“我是个测试内容” sendResponse('外部触发成功'); //返回一个内容到发送消息的回调函数中...chrome.runtime.sendMessage('chromeId', {text: '我是个测试内容'}, function (msg) { console.log(msg); //打印的内容是
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
