首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏公众号:咻咻ing

    Yapi cross-request支持文件上传的解决方案

    背景 chrome 在 73 版本后,限制了 content-script 跨域请求目前只有一个解决办法,废弃 content-script 跨域请求,使用background.js 执行跨域请求,但这样有个最大的问题是无法支持文件上传

    3.9K30发布于 2020-06-23
  • 来自专栏LoRexxar's Blog

    从0开始入门Chrome Ext安全(一) -- 了解一个Chrome Ext

    /extensions/declare_permissions 抛开Chrome插件的多种表现形式不谈,插件的功能主要集中在js的代码里,而js的部分主要可以划分为5种injected script、content-script 、popup js、background js和devtools js. injected script 是直接插入到页面中的js,和普通的js一致,不能访问任何扩展API. content-script js 不可直接访问 不可以 可以 devtools js 可以访问 可以访问 不可以 同样的,针对这多种js,我们也需要特殊的方式进行调试 injected script: 直接F12就可以调试 content-script - injected-script content-script popup-js background-js injected-script - window.postMessage - - content-script request, sender, sendResponse); sendResponse('回复:' + JSON.stringify(request)); }); injected script 和 content-script

    1.6K10编辑于 2023-02-21
  • 来自专栏Seebug漏洞平台

    从 0 开始入门 Chrome Ext 安全(一) -- 了解一个 Chrome Ext

    /extensions/declare_permissions 抛开Chrome插件的多种表现形式不谈,插件的功能主要集中在js的代码里,而js的部分主要可以划分为5种injected script、content-script 、popup js、background js和devtools js. injected script 是直接插入到页面中的js,和普通的js一致,不能访问任何扩展API. content-script js 不可直接访问 不可以 可以 devtools js 可以访问 可以访问 不可以 同样的,针对这多种js,我们也需要特殊的方式进行调试 injected script:直接F12就可以调试 content-script - injected-script content-script popup-js background-js injected-script - window.postMessage - - content-script request, sender, sendResponse); sendResponse('回复:' + JSON.stringify(request));}); injected script 和 content-script

    1.5K10发布于 2019-11-28
  • 来自专栏全栈开发工程师

    简化Web扩展中的消息传递:WebExt-Bridge的使用指南

    为了解决这个问题,WebExt-Bridge提供了一个简单而一致的API,可以在Web扩展的不同部分之间(如background、content-script、devtools、popup、options WebExt-Bridge支持的上下文包括content-script、popup、options、background和devtools。 1、通信上下文 WebExt-Bridge支持以下几种通信上下文: content-script - 注入到页面的脚本 popup - 扩展的弹出窗口 options - 选项页面 background / 返回响应 }; } 2、内容脚本 -> 后台脚本 从内容脚本向后台脚本发送消息 // 内容脚本 import { sendMessage } from "webext-bridge/content-script

    1.1K00编辑于 2025-01-06
  • 来自专栏前端Q

    【干货】Chrome插件(扩展)开发全攻略

    比如第一次安装、插件更新、有content-script向它发送消息,等等。 这是因为content-script有一个很大的“缺陷”,也就是无法访问页面中的JS,虽然它可以操作DOM,但是DOM却不能调用它,也就是无法在DOM中通过绑定事件的方式调用content-script 一样直接调用chrome.extension和chrome.runtimeAPI,同时它也可以像content-script一样使用Message交互的方式与background页面进行通信。 injected-script content-script popup-js background-js injected-script - window.postMessage - - content-script content-script主动发消息给后台 content-script.js: chrome.runtime.sendMessage({greeting: '你好,我是content-script

    13K40发布于 2020-07-23
  • 来自专栏愧怍的技术学习与分享

    使用Vue开发Chrome插件

    run_at": "document_end" } ] vue.config.js contentScripts: { entries: { 'content-script 后续我都会使用 JQuery 来进行操作 在 src/content-script/bilibili.js 中写下如下代码 window.onload = function () { console.log 一般来说很少 content –> popup(因为操作 popup 的前提都是 popup 要打开),相对更多的是 content –> background 或 popup –> content content-script div.comment-send > div.textarea-container > button').click() 接着就是写页面通信的了,可以看到是 popup 向 content 发送请求 src/content-script chrome.runtime.onMessage.addListener(function (request, sender, sendResponse) { console.log('收到来自content-script

    4.1K20编辑于 2022-12-27
  • 来自专栏公众号:咻咻ing

    cross-request 插件下载安装教程

    chrome72 版本无法发送 cookie 问题 3.0修复 chrome 73 版本无法发送请求问题,新版本因 chrome 安全策略改动,不再支持文件上传 Chrome 在 73 版本后,限制了 content-script

    26.9K70发布于 2019-10-08
  • 来自专栏路过君BLOG from CSDN

    Chrome扩展开发

    document_end", or "document_idle",最后一个表示页面空闲时,默认document_idle "run_at": "document_start" }, // 这里仅仅是为了演示content-script

    1.3K20发布于 2020-06-19
  • 来自专栏Seebug漏洞平台

    从 0 开始入门 Chrome Ext 安全(二)-- 安全的 Chrome Ext

    2.Chrome Ext js content-script content-script是插件的核心功能代码地方,一般来说,主要的js代码都会出现在content-script中。

    1.8K20发布于 2019-12-17
  • 来自专栏LoRexxar's Blog

    从0开始入门Chrome Ext安全(二) -- 安全的Chrome Ext

    Chrome ext js content-script content-script是插件的核心功能代码地方,一般来说,主要的js代码都会出现在content-script中。

    1.3K20编辑于 2023-02-21
  • 来自专栏云前端

    Chrome Extension

    document_idle",最后一个表示页面空闲时,默认document_idle "run_at": "document_start" }, // 这里仅仅是为了演示content-script keyword" : "go" }, // devtools页面入口,注意只能指向一个HTML文件,不能是JS文件 "devtools_page": "devtools.html" } 概要说明 content-script 比如第一次安装、插件更新、有content-script向它发送消息,等等 popup opup是点击browseraction或者pageaction图标时打开的一个小窗口网页,焦点离开网页就立即关闭

    3.9K30发布于 2020-06-15
  • 来自专栏脑洞前端

    【10月精彩回顾】Github 支持脚注,Chrome插件开发全攻略

    西法就开发了一款 chrome 扩展:《leetcode-cheatsheet》https://leetcode-solution.cn/download chrome 扩展开发最最头疼的就是各种通信,比如 content-script

    75940发布于 2021-11-09
领券