chrome 插件 click 无效

问题：在开发Chrome插件的时候，想在popup.html中添加一个按钮，增加点击事件，但是点击一直无效。

解决方法：

1. 首先Chrome扩展程序不允许您使用内联JavaScript（文档）,所以你的js部分要写在一个外部的js文件中。一般叫做popup.js

2. 想要使click事件生效，我们需要监听在执行事件之前，页面已经加载完成

js 的代码这样写

// popup JS:
document.addEventListener('DOMContentLoaded', function() {document.getElementById("click-this").addEventListener("click", handler);
});// The handler also must go in a .js file
function handler() {/* ... */
}

如果你使用的是jq

// jQuery
$(document).ready(function() {$("#click-this").click(handler);
});

chrome插件踩坑ing，踩坑记会一直更新，欢迎分享。

chrome 插件 click 无效相关推荐

crx header invalid_解决Chrome插件安装时程序包无效【CRX_HEADER_INVALID】(转载+xPath插件)...
最近安排让协助开发/维护爬虫工具类,主要涉及到网页内容的获取,主要使用python+xPath作为解析库,初次认识,感觉还不错! https://www.w3.org/TR/xpath/all/ ht ...
Chrome插件安装时出现的“程序包无效”问题
在离线安装chrome插件时有时候会报"程序包无效",解决方案如下: 将.crx的chrome插件重命名为.zip压缩包解压刚刚重命名的压缩包 chrome-->扩展程序- ...
Chrome插件crx安装程序包无效CRX_HEADER_INVALID
Chrome插件crx安装程序包无效CRX_HEADER_INVALID 如需转载请标明出处:http://blog.csdn.net/itas109 QQ技术交流群:129518033 文章目录 C ...
关于 Chrome插件安装时程序包无效:CRX_HEADER_INVALID 的解决方法
关于 Chrome插件安装时程序包无效:"CRX_HEADER_INVALID" 的解决方法打开chorme的扩展程序(设置-->更多工具-->扩展程序)chrome ...
安装Chrome插件SwitchySharp时出现的“程序包无效”问题
安装Chrome插件SwitchySharp时出现的"程序包无效"问题话不多说官网下载地址:https://www.switchysharp.com/install.html 进 ...
如何解决Chrome插件安装时出现的“.crx程序包无效”问题
最近由于要写论文,就尝试着使用Google浏览器插件,访问外网:但是有时候网络会不稳定,就要重新添加插件,当删除旧的插件后,却发现无法登录Google应用商店了......不得已在Chrome插件网下 ...
解决chrome插件安装时出现的“程序包无效”问题信息：程序包无效。
今天想去chrome应用商店加载一个插件,发现有错误信息:程序包无效.详细信息:"Cannot load extensionwith file or directory name _. Fi ...
解决Chrome插件安装时出现的“程序包无效”问题
某些用户在Chrome插件网下载了Chrome插件后,不知道怎么才能把它安装到Chrome浏览器中,用户可以根据本站提供的教程:怎么在谷歌浏览器中安装.crx扩展名的离线Chrome插件?把下载后的扩 ...
Chrome插件安装及程序包无效的解决方法
安装程序包的方法 1.下载找到的Chrome插件文件,以crx后缀结尾,打开Chrome浏览器的工具–扩展程序–打开开发者模式,将.crx后缀的文件直接拖拽到浏览器中即可,该方法对于发布时间较近的新插 ...

chrome 插件 click 无效

chrome 插件 click 无效相关推荐

最新文章

热门文章