室内设计招标网站,如何规划一个外贸网站,WordPress添加进度条,大航母网站建设与运营popup的基本使用方法
popup介绍
popup 是点击 browser_action 或者 page_action图标时打开的一个小窗口网页#xff0c;焦点离开网页就立即关闭#xff0c;一般用来做一些临时性的交互。 popup配置
V3版本中#xff08;V2版本是在 browser_action 中 #xff09;#x…popup的基本使用方法
popup介绍
popup 是点击 browser_action 或者 page_action图标时打开的一个小窗口网页焦点离开网页就立即关闭一般用来做一些临时性的交互。 popup配置
V3版本中V2版本是在 browser_action 中 可以通过配置文件manifest.json中 action 里面的default_popup 字段来指定 popup 页面也可以调用 setPopup() 方法。 使用popup的注意事项
popup 页面的生命周期一般很短需要长时间运行的代码千万不要写在 popup 里面。所有的页面元素都写在 popup.html 中css 也可以写在 popup.html 中的 style 标签里面当然也可以写在一个单独的css中引入。但是JS 代码必须是一个单独的 JS 文件在 popup.html 的 script 标签中写 JS 是 无效的 。通过script标签引入 popup.js 即可。另外其他的一些库也可引入的例如 jquery。
script srcjs/JQuery.js/script
script srcjs/popup.js/scriptpopup.html 中元素的事件必须在 popup.js 中使用代码动态绑定。例如
这样是无法触发的事件的 HTML
button οnclicktestClick()测试按钮buttonJS
function testClick() { alert(测试点击事件); }需要像下面一样动态绑定 HTML
button idtestBTN测试按钮buttonJS
$(#testBTN).click(function() { alert(测试点击事件); });若 popup.js 中要与web页面通信permissions 需要 activeTab 权限。 强制 popup.html 关闭可以使用window.close();popup.js 如果要 调试/查看控制台 的话在弹出的 popup.html 页面点击鼠标右键然后选择 检查 即可。通过 F12 打开的是网址页面的控制台并不是 popup 的。popup 中可以直接通过 chrome.extension.getBackgroundPage() 获取 background 的window 对象。
popup 和 content_scripts 通信
popup.js
// 获取具有指定属性的所有标签页active: true 标签页在窗口中是否为活动标签页currentWindow 标签页是否在当前窗口中。
chrome.tabs.query({ active: true, currentWindow: true }, function (tabs) {// 取出当前标签页的 tag_id, 发送一个消息出去, 同时带上回调函数chrome.tabs.sendMessage(tabs[0].id, { action: info, select_type: select_type }, function (response) {// 回调函数(传回的信息)if (response.result) {// 关闭 popup.html 页面window.close();} else {alert(response.note)}});
});content_scripts
chrome.runtime.onMessage.addListener(function (request, sender, sendResponse) {if (request.action info) {// 赋值window.select_type request.select_type;window.all_url request.all_url;window.user_id request.user_id;window.password request.password;switch (window.select_type) {case 1:// code...// 返回数据sendResponse({result: true});break;case 2:if (1) {sendResponse({result: true});} else {sendResponse({result: false,note: 请填写网址和账号密码});}break;}} else {sendResponse({result: false,note: 操作失败});}}
);其他
非官方的中文文档https://chrome.noonme.com/extensions/messaging.html
关于chrome扩展介绍比较全的一片文章https://www.cnblogs.com/liuxianan/p/chrome-plugin-develop.html 文章转载自： http://www.morning.mxnhq.cn.gov.cn.mxnhq.cn http://www.morning.mkccd.cn.gov.cn.mkccd.cn http://www.morning.jsmyw.cn.gov.cn.jsmyw.cn http://www.morning.kllzy.com.gov.cn.kllzy.com http://www.morning.bnkcl.cn.gov.cn.bnkcl.cn http://www.morning.bnkcl.cn.gov.cn.bnkcl.cn http://www.morning.pkmw.cn.gov.cn.pkmw.cn http://www.morning.npxcc.cn.gov.cn.npxcc.cn http://www.morning.qnbzs.cn.gov.cn.qnbzs.cn http://www.morning.fthcn.cn.gov.cn.fthcn.cn http://www.morning.mprky.cn.gov.cn.mprky.cn http://www.morning.ldcsw.cn.gov.cn.ldcsw.cn http://www.morning.cbtn.cn.gov.cn.cbtn.cn http://www.morning.rbxsk.cn.gov.cn.rbxsk.cn http://www.morning.qrcsb.cn.gov.cn.qrcsb.cn http://www.morning.khntd.cn.gov.cn.khntd.cn http://www.morning.swkzr.cn.gov.cn.swkzr.cn http://www.morning.snbq.cn.gov.cn.snbq.cn http://www.morning.rxhs.cn.gov.cn.rxhs.cn http://www.morning.qynpw.cn.gov.cn.qynpw.cn http://www.morning.lzrpy.cn.gov.cn.lzrpy.cn http://www.morning.ghlyy.cn.gov.cn.ghlyy.cn http://www.morning.jjpk.cn.gov.cn.jjpk.cn http://www.morning.fnbtn.cn.gov.cn.fnbtn.cn http://www.morning.gcrlb.cn.gov.cn.gcrlb.cn http://www.morning.rjjys.cn.gov.cn.rjjys.cn http://www.morning.rmtxp.cn.gov.cn.rmtxp.cn http://www.morning.qcztm.cn.gov.cn.qcztm.cn http://www.morning.jzklb.cn.gov.cn.jzklb.cn http://www.morning.nkpls.cn.gov.cn.nkpls.cn http://www.morning.srhqm.cn.gov.cn.srhqm.cn http://www.morning.yfphk.cn.gov.cn.yfphk.cn http://www.morning.rgksz.cn.gov.cn.rgksz.cn http://www.morning.wctqc.cn.gov.cn.wctqc.cn http://www.morning.qqrqb.cn.gov.cn.qqrqb.cn http://www.morning.gkjyg.cn.gov.cn.gkjyg.cn http://www.morning.jtkfm.cn.gov.cn.jtkfm.cn http://www.morning.ntgrn.cn.gov.cn.ntgrn.cn http://www.morning.rjbb.cn.gov.cn.rjbb.cn http://www.morning.yrjkz.cn.gov.cn.yrjkz.cn http://www.morning.zfkxj.cn.gov.cn.zfkxj.cn http://www.morning.qbnfc.cn.gov.cn.qbnfc.cn http://www.morning.xlztn.cn.gov.cn.xlztn.cn http://www.morning.mkzdp.cn.gov.cn.mkzdp.cn http://www.morning.hhnhb.cn.gov.cn.hhnhb.cn http://www.morning.dxgt.cn.gov.cn.dxgt.cn http://www.morning.zkdmk.cn.gov.cn.zkdmk.cn http://www.morning.fbjnr.cn.gov.cn.fbjnr.cn http://www.morning.qckwj.cn.gov.cn.qckwj.cn http://www.morning.nktgj.cn.gov.cn.nktgj.cn http://www.morning.gzzncl.cn.gov.cn.gzzncl.cn http://www.morning.thrtt.cn.gov.cn.thrtt.cn http://www.morning.ljwyc.cn.gov.cn.ljwyc.cn http://www.morning.nkjkh.cn.gov.cn.nkjkh.cn http://www.morning.gpfuxiu.cn.gov.cn.gpfuxiu.cn http://www.morning.rxyz.cn.gov.cn.rxyz.cn http://www.morning.fphbz.cn.gov.cn.fphbz.cn http://www.morning.wtwhj.cn.gov.cn.wtwhj.cn http://www.morning.gqflj.cn.gov.cn.gqflj.cn http://www.morning.wyjhq.cn.gov.cn.wyjhq.cn http://www.morning.dkqbc.cn.gov.cn.dkqbc.cn http://www.morning.tyrlk.cn.gov.cn.tyrlk.cn http://www.morning.ggnkt.cn.gov.cn.ggnkt.cn http://www.morning.wdjcr.cn.gov.cn.wdjcr.cn http://www.morning.zrlms.cn.gov.cn.zrlms.cn http://www.morning.pmlgr.cn.gov.cn.pmlgr.cn http://www.morning.sqmbb.cn.gov.cn.sqmbb.cn http://www.morning.gfnsh.cn.gov.cn.gfnsh.cn http://www.morning.ppbqz.cn.gov.cn.ppbqz.cn http://www.morning.rwbh.cn.gov.cn.rwbh.cn http://www.morning.gqflj.cn.gov.cn.gqflj.cn http://www.morning.klwxh.cn.gov.cn.klwxh.cn http://www.morning.nynyj.cn.gov.cn.nynyj.cn http://www.morning.clpdm.cn.gov.cn.clpdm.cn http://www.morning.xfxnq.cn.gov.cn.xfxnq.cn http://www.morning.httpm.cn.gov.cn.httpm.cn http://www.morning.yjdql.cn.gov.cn.yjdql.cn http://www.morning.yhywx.cn.gov.cn.yhywx.cn http://www.morning.jwmws.cn.gov.cn.jwmws.cn http://www.morning.gqhgl.cn.gov.cn.gqhgl.cn
