标签: google-chrome-extension

使用内容脚本将代码插入页面上下文

我正在学习如何创建Chrome扩展程序.我刚开始开发一个来捕捉YouTube活动.我想将它与YouTube Flash播放器一起使用(稍后我将尝试使其与HTML5兼容).

manifest.json的:

{
    "name": "MyExtension",
    "version": "1.0",
    "description": "Gotta catch Youtube events!",
    "permissions": ["tabs", "http://*/*"],
    "content_scripts" : [{
        "matches" : [ "www.youtube.com/*"],
        "js" : ["myScript.js"]
    }]
}
Run Code Online (Sandbox Code Playgroud)

myScript.js:

function state() { console.log("State Changed!"); }
var player = document.getElementById("movie_player");
player.addEventListener("onStateChange", "state");
console.log("Started!");
Run Code Online (Sandbox Code Playgroud)

问题是控制台给了我"开始!" ,但没有"状态改变!" 当我播放/暂停YouTube视频时.

将此代码放入控制台时,它可以正常工作.我究竟做错了什么?

javascript google-chrome youtube-api google-chrome-extension content-script

452
推荐指数
5
解决办法
24万
查看次数

是否有JavaScript/jQuery DOM更改侦听器?

基本上我想在DIV的内容发生变化时执行脚本.由于脚本是独立的(chrome扩展和网页脚本中的内容脚本),我需要一种方法来简单地观察DOM状态的变化.我可以设置投票,但这似乎很草率.

javascript jquery google-chrome-extension

382
推荐指数
5
解决办法
26万
查看次数

Chrome sendrequest错误:TypeError:将循环结构转换为JSON

我有以下......

chrome.extension.sendRequest({
  req: "getDocument",
  docu: pagedoc,
  name: 'name'
}, function(response){
  var efjs = response.reply;
});
Run Code Online (Sandbox Code Playgroud)

它调用以下..

case "getBrowserForDocumentAttribute":
  alert("ZOMG HERE");
  sendResponse({
    reply: getBrowserForDocumentAttribute(request.docu,request.name)
  });
  break;
Run Code Online (Sandbox Code Playgroud)

但是,我的代码永远不会到达"ZOMG HERE",而是在运行时抛出以下错误 chrome.extension.sendRequest

 Uncaught TypeError: Converting circular structure to JSON
 chromeHidden.JSON.stringify
 chrome.Port.postMessage
 chrome.initExtension.chrome.extension.sendRequest
 suggestQuery
Run Code Online (Sandbox Code Playgroud)

有谁知道是什么原因引起的?

javascript json google-chrome google-chrome-extension

357
推荐指数
10
解决办法
47万
查看次数

如果未安装Chromecast扩展程序或使用隐身模式,则会产生Google Chromecast发件人错误

我在Chrome Incognito中运行Chromecast发件人时遇到错误,或者未安装Chromecast扩展程序:

Failed to load resource: net::ERR_ADDRESS_UNREACHABLE chrome-extension://boadgeojelhgndaghljhdicfkmllpafd/cast_sender.js
Failed to load resource: net::ERR_ADDRESS_UNREACHABLE chrome-extension://dliochdbjfkdbacpmhlcpmleaejidimm/cast_sender.js
Failed to load resource: net::ERR_ADDRESS_UNREACHABLE chrome-extension://hfaagokkkhdbgiakmmlclaapfelnkoah/cast_sender.js
Failed to load resource: net::ERR_ADDRESS_UNREACHABLE chrome-extension://fmfcbgogabcbclcofgocippekhfcmgfj/cast_sender.js
Failed to load resource: net::ERR_ADDRESS_UNREACHABLE chrome-extension://enhhojjnijigcajfphajepfemndkmdlo/cast_sender.js
No cast extension found
Run Code Online (Sandbox Code Playgroud)

Google强制转发发件人正在尝试向本地"cast_sender.js"发送AJAX请求.如果发生这种情况或是否有更好的方法来检查是否存在Chromecast发件人扩展(不是通过请求AJAX请求)?

我相信这些AJAX请求是询问Chromecast扩展是否存在的一种方式.有没有更好的方法来检查Chromecast扩展是否存在?

javascript google-chrome-extension google-chrome-devtools chromecast

280
推荐指数
3
解决办法
23万
查看次数

在某些AJAX调用上出现"net :: ERR_BLOCKED_BY_CLIENT"错误

最近我意识到,一些adblocker扩展(例如adBlocker plus)阻止了一些Ajax调用.我在控制台上遇到了这个错误:

GET http://localhost/prj/conn.php?q=users/list/ net::ERR_BLOCKED_BY_CLIENT 
Run Code Online (Sandbox Code Playgroud)

为什么它会阻止某些Ajax调用而不是其他调用,以及导致这种情况的原因 除了告诉用户关闭adblocker之外,还有其他解决方法吗?

ajax firefox-addon google-chrome-extension

275
推荐指数
10
解决办法
29万
查看次数

如何自动重新加载我正在开发的Chrome扩展程序?

每次我在扩展文件夹中保存文件时,我都希望我的chrome扩展程序重新加载,而不必在chrome:// extensions /中明确单击"reload".这可能吗?

编辑:我知道我可以更新 Chrome重新加载扩展程序的时间间隔,这是一个中途解决方案,但我宁愿让我的编辑器(emacs或textmate)触发 - 保存重新加载或要求Chrome监控更改目录.

javascript google-chrome google-chrome-extension

249
推荐指数
12
解决办法
6万
查看次数

如何等到元素存在?

我正在研究Chrome中的扩展程序,我想知道:什么是找出元素何时出现的最佳方法?使用普通的javascript,检查直到元素存在的间隔,或jQuery有一些简单的方法来做到这一点?

javascript jquery google-chrome google-chrome-extension

213
推荐指数
17
解决办法
22万
查看次数

模拟Chrome中的有限带宽?

有没有办法可以在Chrome中模拟各种连接速度?

我需要能够以不同的速度检查http:// localhost.

我知道有独立的应用程序可以做到这一点,但我宁愿在Chrome内部这样做.

google-chrome bandwidth-throttling google-chrome-extension

199
推荐指数
8
解决办法
15万
查看次数

如何保存Chrome开发者工具的样式面板的CSS更改?

如何保存Google Chrome开发者工具样式面板的CSS更改?

在工具的网站上,我们可以看到资源面板中的所有变化

在此输入图像描述

但我在本地工作的CSS文件,但更改没有在资源面板中显示给我

在此输入图像描述

在此输入图像描述

顺便问一下你知道任何附加组件,工具来保存Chrome开发者工具的CSS更改吗? 我知道Firebug有很多https://stackoverflow.com/search?q=firebug+CSS+changes+save

html css google-chrome google-chrome-extension google-chrome-devtools

185
推荐指数
9
解决办法
19万
查看次数

AngularJS在扩展页面中将URL更改为"unsafe:"

我正在尝试将Angular与应用列表一起使用,每个应用都是一个链接,可以更详细地查看应用(apps/app.id):

<a id="{{app.id}}" href="apps/{{app.id}}" >{{app.name}}</a>
Run Code Online (Sandbox Code Playgroud)

每次我点击其中一个链接时,Chrome都会将网址显示为

unsafe:chrome-extension://kpbipnfncdpgejhmdneaagc.../apps/app.id
Run Code Online (Sandbox Code Playgroud)

unsafe:来自哪里?

javascript security google-chrome-extension angularjs

183
推荐指数
3
解决办法
9万
查看次数