Chrome插件: 点击插件超链接 自动百度

目录



html
back

<!doctype html>
<html lang="en">
<head><meta charset="UTF-8"><title>后台页</title>
</head>
<body>
<h1>后台页</h1>
</body>
<script src="../js/jquery.js" type="text/javascript"></script>
<script src="../js/back.js" type="text/javascript"></script>
</html>

main

<!doctype html>
<html lang="en">
<head><meta charset="UTF-8"><title>Qz第一一个插件</title>
</head><body>
<h1>FirstChromePlugin</h1>
<h2>功能</h2>
<div id="div1"></div>
<div id="div2"><a href="#" id="openBack">打开后台页</a><a href="#" id="getBackTitle">获取后台页标题</a><a href="#" id="setBackTitle">设置后台页标题</a><a href="#" id="callBackJs">调用台页JS</a>
</div>
</body>
<script src="../js/jquery.js" type="text/javascript"></script>
<script src="../js/qz.js" type="text/javascript"></script></html>

js
back

    function backjs() {chrome.tabs.getSelected(null, function (tab) {// let title = tab.title// chrome.tabs.executeScript(null, {code: "javascript:alert('" + title + "')"})chrome.tabs.executeScript(null, {code: `var kw = document.querySelector('#kw');kw.value = 'java';var but = document.querySelector('#su');but.click()`})})}

qz

    $("#openBack").click(o => {window.open(chrome.extension.getURL("html/back.html"))});$("#getBackTitle").click(o => {let bg = chrome.extension.getBackgroundPage();alert(bg.document.title);});$("#setBackTitle").click(o => {let newTitle = prompt("输入新标题", "新标题");let bg = chrome.extension.getBackgroundPage();bg.document.title = newTitle});$("#callBackJs").click(o => {let bg = chrome.extension.getBackgroundPage();bg.backjs();})

效果

Chrome插件5: 点击插件超链接 自动百度相关推荐

  1. Unity 插件篇 ✨ | 受击插件Feel 详细教程,开发游戏时更好的操控 游戏打击感

  2. chrome插件 自动点击页面元素 自动填入内容

    使用较新的  manifest_version:3  ,event 类 项目文件夹: manifest 是配置文件,Bw 是插件图标,background 是一直可以在后台运行的代码.usr_inpu ...

  3. Chrome 插件开发-右键菜单开发实战演示,浏览器页面右键菜单选项设置,插件右键菜单点击插件名跳转主页设置

    Chrome 插件开发 - 菜单选项 浏览器页面右键菜单选项设置 ① 核心代码演示 ② 效果展示 ③ 详细参数文档 插件右键菜单点击插件名跳转主页设置 ① 核心代码演示 ② 演示效果图 浏览器页面右键 ...

  4. chrome 代理插件_Chrome浏览器拓展插件同步助手

    由于很多原因我们在使用Google服务的时候,总是不容易,但是有的时候又绕不开.比如新装Chrome浏览器在没有XXX的情况下如何同步我们已经安装过的插件呢?实在没办法只能一个一个装又太麻烦,所以今天 ...

  5. chrome最强大的浏览器插件油猴Tampermonkey插件离线安装包免费分享下载

    油猴脚本管理器 Tampermonkey 离线CRX安装包同名文章地址:http://www.xmpojie.com/697.html 一个神奇的网站: http://www.xmpojie.com/ ...

  6. chrome五十大实用插件集合!

    来源:http://blog.csdn.net/dadoneo/article/details/6296358 时下很多人都用上了Google Chrome浏览器,这款目前世界上最快的浏览器既简洁又高 ...

  7. chrome五十大实用插件集合

    2019独角兽企业重金招聘Python工程师标准>>> 时下很多人都用上了Google Chrome浏览器,这款目前世界上最快的浏览器既简洁又高效,用来上网冲浪还真是不错.不过好马也 ...

  8. 【最实用的chrome插件】CSDN 浏览器插件:CSDN 开发者助手(测评手册2)

    目录 一.前言 二.插件下载 1.官方插件下载地址 2.[安装包下载方式 ①]crx 文件下载:本地下载 (推荐) 3.[安装包下载方式 ②]zip 文件下载:Beta 版下载(不推荐) 4.[安装包 ...

  9. jenkins的安装配置,插件配置,安装插件,配置maven,jdk路径,配置安装插件,项目配置,自动构建配置

    1.下载jenkins,下载地址: https://jenkins.io/ 2.运行命令,启动jenkins 将jenkins上传到:/home/tuzq/software 安装JDK,maven ( ...

最新文章

  1. 历史上最伟大的方程 (托尼·赖斯 著)
  2. 2-4 js基础-事件对象小结
  3. php钩子的作用,php中的钩子理解及应用实例分析
  4. 救援模式下解决boot.local修改后无法登陆系统
  5. jQuery对select操作(2)
  6. for循环执行 mybatis_mybatis sql循环的使用
  7. react实现多行文本超出加省略号
  8. MDaemon替换注册码怎样人工激活.docx
  9. 董淳光SQLITE3使用总结-转
  10. eclipse 启动服务后,部署的文件一直是旧的文件的原因分析
  11. 达观杯文本智能处理(4)
  12. 银行代码就是银行行号吗?
  13. jsonp跨域原理(简单粗暴)
  14. 二 docker安装ca证书
  15. java 创建一个类_java创建一个类
  16. input中加入搜索图标
  17. Nvidia驱动负优化与GTX1070的测试
  18. 项目部署后的域名配置
  19. 利用matlab中的函数regress进行线性回归分析
  20. Jasper 动态数据源

热门文章

  1. 计算机辅助设计rhino实训,计算机辅助设计实训.doc
  2. EMC设计技巧--传导整改时,什么时候该加大电容?什么时候该加小电容?
  3. Unity3D作业四:材料与渲染练习
  4. elasticsearch备份
  5. 试用用友致远最新版协同产品A8之二
  6. JAVA WEB3J与ganache以太坊环境交互
  7. python123外汇兑换计算器_Python之计算器
  8. 公共关系礼仪实务章节测试题——社会关系和公共关系(一)
  9. Redisson实现分布式锁(3)—项目落地实现
  10. html a去掉下划线