sxei / chrome-plugin-demo Goto Github PK

是不是要收费啊

Hi， 小铭你好，

这个教程写的相当棒，看了你这个教程，一天就写出来可用的扩展了。

另外我发觉微信开发者的群6月15日到期了。是否可以更新下最新的邀请进群的二维码？

https://www.cnblogs.com/liuxianan/p/chrome-plugin-develop.html

你好，提交审核出现这个问题是正常么？

全文如下：

由于存在以下问题，您的扩展程序可能必须接受深入审核：
- 宽泛的主机权限
除了请求宽泛的主机权限之外，您也可考虑使用 activeTab 权限，或者指定您的扩展程序需要访问的网站。相较于针对数量不定的网站授予完整访问权限，这两种方法不仅更安全，还可能有助于最大限度地缩减审核用时。

activeTab 权限允许访问相应标签页以响应明确的用户手势。

{
...
"permissions": ["activeTab"]
}
如果您的扩展程序只是需要在某些网站上运行，请直接在扩展程序清单中指定这些网站：
{
...
"permissions": ["https://example.com/*"]
}

rt

1.打开一个devtools-停靠方式切换为弹出
2.打开（刷新）插件列表-在对应插件的“检查视图"选项中选择”devtools://...“

比如当前页面有一个window.tracing变量为false，可否通过某种方式改变为window.tracing = true
谢谢！

扩展程序上怎么对接第三方登录,怎么拿到登录后的回调信息
跪求大佬方案

我在 Stylus 里给一个网站写好了样式，想做成一个插件。
我在 manifest.json 中引入了一段 JS, JS里也引入了一个外部 CSS 文件。

// manifest.json
"content_scripts": [{
...
"js": ["js/custom.js"],
"run_at": "document_start"
}],

// JS
var style = document.createElement('link');
style.rel = 'stylesheet';
style.type = 'text/css';
style.href = chrome.extension.getURL('css/custom.css');
(document.head||document.documentElement).appendChild(style);

现在的情况是如果 run_at 设置为 “start”，样式会直接加载在 的前面，我的样式会被下面源网站的 CSS 文件所覆盖（我写的 CSS 优先级较低），如果 run_at 设置为 “idle” 或 “end”，网页会先显示原本的 CSS，再显示我写的 CSS，画面会跳一下。

请问有什么方法可以让网站先看到我写的 CSS，而不被源网站的覆盖掉吗？（除了用 # 或 !important 改优先级，因为行数还挺多的，当时在 stylus 里改的时候没想到）

我在background里使用tabs.query获取tab，然后sendMessage，为什么会返回下面这个错误？
Unchecked runtime.lastError: Could not establish connection. Receiving end does not exist.

 chrome.tabs.query({currentWindow:true},function(tabs){
        for(let i in tabs){
            chrome.tabs.sendMessage(tabs[i].id, {greeting: "hello"}, function(response) {
                console.log(response.farewell);
              });
        }
    })

Chrome 插件 可以在对应的网站网址下，操作另一个域名网址的cookie 么？ 比如 我打开了www.baidu.com 网址， 但是 我可以通过插件 改变www.jd.com 的cookie。 有这种功能么？

I need an extension or plugin that recognizes text for example -10.35 and sends an alert in the form of popup or something that makes noise

右键菜单的contexts属性是这是在哪个版本加了好多值呀？
"all", "page", "frame", "selection", "link", "editable", "image", "video", "audio", "launcher", "browser_action", or "page_action"

browser_action在图表的右键上追加菜单，应该挺常用的。

收藏了，突然发现博客打不开了

比如：onpagechanged，oninputchanged都有类似的问题

如题

例如这个插件：
https://chrome.google.com/webstore/detail/visual-inspector-by-canva/efaejpgmekdkcngpbghnpcmbpbngoclc

如题，请教下如何可以知道 background、content-scripts 分别能访问哪些 API？官方文档中似乎没有找到相关的说明

看了项目，可能是我没接触过，感觉还是有难，自己研究了一下午，搞了个简单的demo，供入门选手参考
https://github.com/mouday/chrome-search-tool

大大，遇到难题了，想进群，麻烦再贴一个群二维码

666

如果在inject注入的js中需要调用jq，执行
injectCustomJs("js/jquery-3.1.1.min.js");
injectCustomJs();
然而仍报错 Uncaught ReferenceError: $ is not defined
调试发现jq确实在inject.js之前注入，但执行顺序似乎有问题，请问该如何解决呢

亲自试验了一下，在 chrome 70 中， 直接使用在 mainfest.json 中配置的 content-script 是可以给 dom 绑定事件的。不知道是不是文章有问题。

content-scripts和原始页面共享DOM，但是不共享JS，如要访问页面JS（例如某个JS变量），只能通过injected js来实现。

这句话的意思是注入的 script 可以访问页面js 中的变量？官方文档说的是，content-scirpt 是隔离运行的，所以不能访问吧？能提供一下demo 么？ 感谢。

更新：

看了英文文档，是需要显式的声明权限的。

declare_permissions

    "permissions": [
        "notifications"
    ]

需要加入 notifications 权限，否则无法调用。报错如下。

加入权限后，正常调用。

看了文档貌似没有明确说必须赋权，声明权限

希望重发二维码

首先要感谢大侠的教程，诚如其名，干货满满！

想要在我的插件中添加TCP通信功能，找了好多参考（参考一, 参考二, 参考三, 参考四），都是语焉不详
最多见到的例子如下：

chrome.experimental.socket.create('tcp', '127.0.0.1', 8080, function(socketInfo) {
  chrome.experimental.socket.connect(socketInfo.socketId, function (result) {
        chrome.experimental.socket.write(socketInfo.socketId, "Hello, world!");         
    });
});

说是需要保存 socketId 供后面调用，但是 socketId 是怎么来的都没说清楚

希望大侠能通过实例把这部分补充到教程中，多谢了！

补充几个有价值的参考：
参考1
websocket-client
Websocket Server

我要付费入群，我的微信bingxinti

来个V3版本的chrome扩展的开发全攻略吧，绝对是国语全网独一份啊

我有个需求,假如我在某一个页面上看到一些感兴趣的字眼,比如机器学习,我想做一个插件,就是可以通过选定 机器学习 这四个字,右击,然后出现"在网站A上搜索 机器学习 ",这样.
但这个网站A啊,它不是像百度,豆瓣那样可以通过构造url然后通过get的形式达到目的,而是以关键字作为key,POST一个search的url,请问这种要怎么做啊?

在这部分比较没头绪，如何方便地获取任意一个网站的ico呢？

博主有什么好的方式调试popup.html么？

如题types添加了 script image 修改requestHeaders项目 只有文档是修改成功的 Js 还有图片格式都无效
在callback 函数里修改了UA项 并且返回修改后的 然后刷新查看network里的
下面是代码

var callback = function(details) {
   for (var i = 0; i < details.requestHeaders.length; ++i) {
            if (details.requestHeaders[i].name === 'User-Agent') {
              details.requestHeaders[i].value = "Mozilla/5.0 (Windows NT 10.0; Win64; x64; WebView/3.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/64.0.3282.140 Safari/537.36 Edge/17.17134";
              break;
            }
          }
          console.log(details.url);
          console.log(details.requestHeaders[i].value);
          return {requestHeaders: details.requestHeaders};
};
var filter = {urls: ["<all_urls>"],
types: ["main_frame", "sub_frame", "stylesheet", "script", "image", "object", "xmlhttprequest"]
};
var opt_extraInfoSpec = ["requestHeaders","blocking"];

chrome.webRequest.onBeforeSendHeaders.addListener(
        callback, filter, opt_extraInfoSpec);