如何从常规网站调用Chrome扩展程序中定义的功能?

ucci

我想创建一个不属于chrome插件的网站,而只是使用该插件公开给它的一些API。这可能吗,如果可以,我该怎么做?我用谷歌搜索了这个问题,却找不到任何东西。

我正在尝试使用内容脚本,但没有任何反应。有人可以解释这是怎么回事吗?

manifest.json

{
  “ manifest_version”:2

  “ name”:“ Hello World Extension”,
  “ description”:“此扩展程序打印您好世界。”,
  “ version”:“ 1.0”,
  “背景”: {
    “ page”:“ background.html”
  },
  “ browser_action”:{
    “ default_icon”:“ img / icon.png”,
    “ default_popup”:“ popup.html”
  },
  “ content_scripts”:[
    {
      “ matches”:[“ http:// locahost:8888 / *”],
      “ js”:[“ EmotivAPI.js”]
     }
   ]
}

EmotivAPI.js

var port = chrome.runtime.connect();
console.log(“ Hello?”);
window.addEventListener(“ message”,function(event){
    //我们只接受来自我们自己的消息
    如果(event.source!=窗口)
        返回;

    如果(event.data.type &&(event.data.type ==“ FROM_PAGE”)){
        console.log(“已收到内容脚本:” + event.data.text);
        port.postMessage(event.data.text);
        警报(“收到!”);
    }
},错误);

网页中的js

window.sayHello = function(){
        window.postMessage({类型:“ FROM_PAGE”,文本:“您好,来自网页!”},“ *”);
    }
    console.log('Emotiv扩展已加载。');
}

我从控制台调用window.sayHello()

悉达思·潘迪(Siddharth Pandey)

在这种情况下,内容脚本可以为您提供帮助。

内容脚本将注入到页面中:

"content_scripts": [
    {
      "matches": ["http://www.google.com/*"], // try with "http://localhost:*/*" or "http://localhost:*" 
      "css": ["mystyles.css"],
      "js": ["content_script.js"]
    }
  ]

如果您只想有时注入代码,请改用“权限”字段

/* in manifest.json */
"permissions": [
  "tabs", "http://*/*"
],

在扩展HTML文件中,您可以通过以下方式执行脚本:

chrome.tabs.executeScript(null, {file: "content_script.js"});

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

从网站调用Chrome扩展程序中的函数

来自分类Dev

如何通过Chrome扩展程序在特定网站上触发功能?

来自分类Dev

我如何在Chrome扩展程序中嵌入网站

来自分类Dev

如何使用Chrome扩展程序影响网站

来自分类Dev

Chrome扩展程序-在选项卡上定义的调用功能(参考错误)

来自分类Dev

如何从Chrome扩展程序调用OnBlur方法

来自分类Dev

Chrome扩展程序引用/调用内容脚本中的其他脚本功能

来自分类Dev

如何在我的网站中使用Chrome扩展功能(NaCl)?

来自分类Dev

如何在我的网站中使用Chrome扩展功能(NaCl)?

来自分类Dev

Chrome扩展程序:如何获取网页以访问由内容脚本定义的功能?

来自分类Dev

用户访问特定网站时,如何自动将网址保存在Google Chrome扩展程序中?

来自分类Dev

如何从Chrome扩展程序中的网站获取完整的HTML源代码

来自分类Dev

在网站Chrome扩展程序中捕获URL更改

来自分类Dev

如何在新标签页的Chrome扩展程序的多功能框中窃取焦点?

来自分类Dev

如何调用在Chrome扩展程序的OPTION.html页面中声明的元素?

来自分类Dev

如何判断Chrome扩展程序的异步JavaScript功能是否失败?

来自分类Dev

如何从Chrome扩展程序调用网页上的javascript函数?

来自分类Dev

如何从Chrome扩展程序调用页面的javascript函数?

来自分类Dev

chrome扩展程序中的多个Web服务调用

来自分类Dev

chrome扩展程序中的多个Web服务调用

来自分类Dev

chrome扩展程序中的AJAX调用未成功

来自分类Dev

从注入的脚本中获取Chrome扩展程序调用函数

来自分类Dev

Chrome 扩展程序中的 Firebase UI:从未调用过 signInSuccess

来自分类Dev

Chrome扩展程序:获取当前网站名称

来自分类Dev

Google Chrome扩展程序热门网站图片

来自分类Dev

从Chrome扩展程序访问网站数据

来自分类Dev

Chrome扩展程序内容脚本-在Ember网站上未定义应用

来自分类Dev

如何在网站中调用功能?

来自分类Dev

自定义Chrome扩展程序中的挂钩窗口属性

Related 相关文章

  1. 1

    从网站调用Chrome扩展程序中的函数

  2. 2

    如何通过Chrome扩展程序在特定网站上触发功能?

  3. 3

    我如何在Chrome扩展程序中嵌入网站

  4. 4

    如何使用Chrome扩展程序影响网站

  5. 5

    Chrome扩展程序-在选项卡上定义的调用功能(参考错误)

  6. 6

    如何从Chrome扩展程序调用OnBlur方法

  7. 7

    Chrome扩展程序引用/调用内容脚本中的其他脚本功能

  8. 8

    如何在我的网站中使用Chrome扩展功能(NaCl)?

  9. 9

    如何在我的网站中使用Chrome扩展功能(NaCl)?

  10. 10

    Chrome扩展程序:如何获取网页以访问由内容脚本定义的功能?

  11. 11

    用户访问特定网站时,如何自动将网址保存在Google Chrome扩展程序中?

  12. 12

    如何从Chrome扩展程序中的网站获取完整的HTML源代码

  13. 13

    在网站Chrome扩展程序中捕获URL更改

  14. 14

    如何在新标签页的Chrome扩展程序的多功能框中窃取焦点?

  15. 15

    如何调用在Chrome扩展程序的OPTION.html页面中声明的元素?

  16. 16

    如何判断Chrome扩展程序的异步JavaScript功能是否失败?

  17. 17

    如何从Chrome扩展程序调用网页上的javascript函数?

  18. 18

    如何从Chrome扩展程序调用页面的javascript函数?

  19. 19

    chrome扩展程序中的多个Web服务调用

  20. 20

    chrome扩展程序中的多个Web服务调用

  21. 21

    chrome扩展程序中的AJAX调用未成功

  22. 22

    从注入的脚本中获取Chrome扩展程序调用函数

  23. 23

    Chrome 扩展程序中的 Firebase UI:从未调用过 signInSuccess

  24. 24

    Chrome扩展程序:获取当前网站名称

  25. 25

    Google Chrome扩展程序热门网站图片

  26. 26

    从Chrome扩展程序访问网站数据

  27. 27

    Chrome扩展程序内容脚本-在Ember网站上未定义应用

  28. 28

    如何在网站中调用功能?

  29. 29

    自定义Chrome扩展程序中的挂钩窗口属性

热门标签

归档