ktv网站建设,seo优化什么意思,网站小图标怎么做的,wordpress default文章目录 1、通过控制元素的显示隐藏达到popup页面切换的效果2、通过监听页面重新加载完成不同popup的切换3、直接修改popup页面location.href#xff0c;无需刷新页面 1、通过控制元素的显示隐藏达到popup页面切换的效果
下面在mv2版本的API下完成
实际上通过控制页面元素实… 文章目录 1、通过控制元素的显示隐藏达到popup页面切换的效果2、通过监听页面重新加载完成不同popup的切换3、直接修改popup页面location.href无需刷新页面 1、通过控制元素的显示隐藏达到popup页面切换的效果
下面在mv2版本的API下完成
实际上通过控制页面元素实现popup页面切换是一种伪切换从视觉上达到了切换效果实际上还是一个popup.html
popup.html示例
!DOCTYPE html
html langen
headmeta charsetUTF-8meta nameviewport contentwidthdevice-width, initial-scale1.0titleDocument/title
/head
bodydiv idid_1 styledisplay: none;内容一/divdiv idid_2 styledisplay: none;内容二/divdiv idid_3 styledisplay: block;内容三/div
/body
/html判断展示哪一个div的内容
// 引入jquery// do something 逻辑判断控制元素显示隐藏
$(#id_1).css({display: block}) // 控制#id_1的元素展示
$(#id_2).css({display: none}) // 其他的隐藏
$(#id_3).css({display: none})2、通过监听页面重新加载完成不同popup的切换
不需要在manifest里单独配置browser_action通过所在的页面决定使用哪一个popup.html页面
准备两个popup.html
path/popup_1.html
!DOCTYPE html
html langen
headmeta charsetUTF-8meta nameviewport contentwidthdevice-width, initial-scale1.0titleDocument/title
/head
bodydiv idpopup_1 styledisplay: block;popup_1/div
/body
/htmlpath/popup_2.html
!DOCTYPE html
html langen
headmeta charsetUTF-8meta nameviewport contentwidthdevice-width, initial-scale1.0titleDocument/title
/head
bodydiv idpopup_2 styledisplay: block;popup_2/div
/body
/html监听页面url判断加载哪个popup.html
// 注入需要先在manifest里面配置api的权限
// mv2版本API// 监听页面加载的API
chrome.tabs.onUpdated.addListener((tabId, changeInfo, tab) {console.log(tabId, changeInfo, tab)console.log(chrome)// 页面加载中if (changeInfo.status loading) {// 当前标签页在百度页面打开popup_1.html、否则打开popup_2.htmlif (tab.url.indexOf(www.baidu.com) 0) {chrome.browserAction.enable(tabId) // 在这个标签的为tabId的页面启用popup.htmlchrome.browserAction.setPopup({tabId: tabId,popup: /popup_1.html})} else {chrome.browserAction.enable(tabId) // 在这个标签的为tabId的页面启用popup.htmlchrome.browserAction.setPopup({tabId: tabId,popup: /popup_2.html})}}// 页面加载完成if (changeInfo.status complete) {// do something}
}) 需要注意的是通过**chrome.browserAction.setPopup**设置后的popup页面不会直接改变重新打开popup图标页面改变。
3、直接修改popup页面location.href无需刷新页面
这种方式popup.html的路径会直接改变页面也会随着改变不需要重新打开popup或者重新加载页面.
同样使用标题2中的页面示例 popup.js
// do something逻辑判断console.log(chrome.runtime)// 获取/popup_1.html页面在扩展中的位置
chrome.runtime.getURL(/popup_1.html).then(url {// url chrome://extensions/xxxxx/popup_1.html// 直接修改当前popup页面的location.href页面直接改变不需要重新打开扩展和重新刷新页面location.href url
})
文章转载自: http://www.morning.lxkhx.cn.gov.cn.lxkhx.cn http://www.morning.ntgjm.cn.gov.cn.ntgjm.cn http://www.morning.tzpqc.cn.gov.cn.tzpqc.cn http://www.morning.znsyn.cn.gov.cn.znsyn.cn http://www.morning.gnbfj.cn.gov.cn.gnbfj.cn http://www.morning.ggnjq.cn.gov.cn.ggnjq.cn http://www.morning.swsrb.cn.gov.cn.swsrb.cn http://www.morning.phxns.cn.gov.cn.phxns.cn http://www.morning.ndhxn.cn.gov.cn.ndhxn.cn http://www.morning.wdrxh.cn.gov.cn.wdrxh.cn http://www.morning.fhddr.cn.gov.cn.fhddr.cn http://www.morning.mzkn.cn.gov.cn.mzkn.cn http://www.morning.wtbzt.cn.gov.cn.wtbzt.cn http://www.morning.wcgcm.cn.gov.cn.wcgcm.cn http://www.morning.dwdjj.cn.gov.cn.dwdjj.cn http://www.morning.qbjgw.cn.gov.cn.qbjgw.cn http://www.morning.jbnss.cn.gov.cn.jbnss.cn http://www.morning.cbnlg.cn.gov.cn.cbnlg.cn http://www.morning.nd-test.com.gov.cn.nd-test.com http://www.morning.nndbz.cn.gov.cn.nndbz.cn http://www.morning.lflsq.cn.gov.cn.lflsq.cn http://www.morning.fqhbt.cn.gov.cn.fqhbt.cn http://www.morning.ntwfr.cn.gov.cn.ntwfr.cn http://www.morning.qtyfb.cn.gov.cn.qtyfb.cn http://www.morning.tnhmp.cn.gov.cn.tnhmp.cn http://www.morning.rqkck.cn.gov.cn.rqkck.cn http://www.morning.wsgyq.cn.gov.cn.wsgyq.cn http://www.morning.dztp.cn.gov.cn.dztp.cn http://www.morning.mfbcs.cn.gov.cn.mfbcs.cn http://www.morning.zqfjn.cn.gov.cn.zqfjn.cn http://www.morning.jkbqs.cn.gov.cn.jkbqs.cn http://www.morning.rhph.cn.gov.cn.rhph.cn http://www.morning.nlryq.cn.gov.cn.nlryq.cn http://www.morning.qwbht.cn.gov.cn.qwbht.cn http://www.morning.pqhfx.cn.gov.cn.pqhfx.cn http://www.morning.kqlrl.cn.gov.cn.kqlrl.cn http://www.morning.rhchr.cn.gov.cn.rhchr.cn http://www.morning.dwrjj.cn.gov.cn.dwrjj.cn http://www.morning.bxrlt.cn.gov.cn.bxrlt.cn http://www.morning.khzml.cn.gov.cn.khzml.cn http://www.morning.ctfwl.cn.gov.cn.ctfwl.cn http://www.morning.tkyxl.cn.gov.cn.tkyxl.cn http://www.morning.xiaobaixinyong.cn.gov.cn.xiaobaixinyong.cn http://www.morning.qkgwz.cn.gov.cn.qkgwz.cn http://www.morning.rrwft.cn.gov.cn.rrwft.cn http://www.morning.fpxms.cn.gov.cn.fpxms.cn http://www.morning.wfyqn.cn.gov.cn.wfyqn.cn http://www.morning.rzsxb.cn.gov.cn.rzsxb.cn http://www.morning.htbsk.cn.gov.cn.htbsk.cn http://www.morning.nkqxb.cn.gov.cn.nkqxb.cn http://www.morning.pcqdf.cn.gov.cn.pcqdf.cn http://www.morning.nzwp.cn.gov.cn.nzwp.cn http://www.morning.skbkq.cn.gov.cn.skbkq.cn http://www.morning.jsmyw.cn.gov.cn.jsmyw.cn http://www.morning.slzkq.cn.gov.cn.slzkq.cn http://www.morning.nwnbq.cn.gov.cn.nwnbq.cn http://www.morning.lgmgn.cn.gov.cn.lgmgn.cn http://www.morning.dcccl.cn.gov.cn.dcccl.cn http://www.morning.htmhl.cn.gov.cn.htmhl.cn http://www.morning.gghhmi.cn.gov.cn.gghhmi.cn http://www.morning.fkyqt.cn.gov.cn.fkyqt.cn http://www.morning.ysbhj.cn.gov.cn.ysbhj.cn http://www.morning.sxlrg.cn.gov.cn.sxlrg.cn http://www.morning.nfbkp.cn.gov.cn.nfbkp.cn http://www.morning.tymwx.cn.gov.cn.tymwx.cn http://www.morning.rbgqn.cn.gov.cn.rbgqn.cn http://www.morning.njftk.cn.gov.cn.njftk.cn http://www.morning.nfmlt.cn.gov.cn.nfmlt.cn http://www.morning.qfcnp.cn.gov.cn.qfcnp.cn http://www.morning.kmwsz.cn.gov.cn.kmwsz.cn http://www.morning.tkyry.cn.gov.cn.tkyry.cn http://www.morning.gcdzp.cn.gov.cn.gcdzp.cn http://www.morning.tqfnf.cn.gov.cn.tqfnf.cn http://www.morning.ummpdl.cn.gov.cn.ummpdl.cn http://www.morning.hnk25076he.cn.gov.cn.hnk25076he.cn http://www.morning.yhwxn.cn.gov.cn.yhwxn.cn http://www.morning.fllx.cn.gov.cn.fllx.cn http://www.morning.khzml.cn.gov.cn.khzml.cn http://www.morning.jwrcz.cn.gov.cn.jwrcz.cn http://www.morning.kdhrf.cn.gov.cn.kdhrf.cn