浏览器小插件

最新推荐文章于 2022-03-09 11:14:40 发布
最新推荐文章于 2022-03-09 11:14:40 发布
阅读量325 收藏
点赞数
分类专栏： java 文章标签： 插件
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/whatsyournamejack/article/details/96034966
版权

在这里插入图片描述
background.js

vip_url = {

  '百度': 'http://baidu.com',
  '百度': 'http://baidu.com',
  '百度': 'http://baidu.com',
  '百度': 'http://baidu.com',
  '百度': 'http://baidu.com'
};

function openNewTab(url) {

  chrome.tabs.create({
    index: 0,
    url: url
  }, function (c) { });

}


chrome.runtime.onInstalled.addListener(function () {

  var i = 0;
  for (x in vip_url) {
    var idTitle = x.split('-');
    chrome.contextMenus.create({
      id: idTitle[0],
      type: 'normal',
      title: idTitle[1],
      contexts: ['page']
    });
  }

});

// 监听菜单的点击
chrome.contextMenus.onClicked.addListener(function (menuItem) {

  var prefix = menuItem.pageUrl;
  for (x in vip_url) {
    if (x.indexOf(menuItem.menuItemId) != -1) {
      prefix = vip_url[x];
    }
  }

  chrome.tabs.create({
    index: 0,
    url: prefix
  }, function (c) { });
});

menu.js

function genericOnClick(info, tab) { 
alert(info.linkUrl); 
} 
function selectionOnClick(info, tab) { 
alert(info.selectionText); 
} 
var link = chrome.contextMenus.create({"title": "链接地址","contexts":["link"],"onclick":genericOnClick}); 
var selection = chrome.contextMenus.create({"title": "选中文字","contexts":["selection"],"onclick":selectionOnClick});

popup.js

chrome.tabs.getSelected(null, function(tab) {  
    chrome.tabs.sendRequest(tab.id, {greeting: "hello"}, function(response) {  
        // console.log(response.farewell);  
    });  
});

popup.html

<!doctype html>
<html>
<head>
    <meta charset="UTF-8" />
    <title>访问助手</title>
    <style type="text/css">
        body {
            margin: 0;
            color: #345;
            font: menu;
            font-size: 8pt;
            -webkit-user-select: none;
        }

        body,
        td,
        th,
        input,
        select,
        textarea,
        button {
            font: menu;
            font-size: 8pt;
        }

        body * {
            white-space: nowrap;
        }

        hr {
            height: 0;
            margin: 0 0;
            border: none;
            border-top: solid 1px #eef;
        }

        .ltr,
        .ltr * {
            direction: ltr !important;
            text-align: left !important;
        }

        #about {
            font-size: 10pt;
            padding: 10px;
        }

        #about * {
            color: #578;
            cursor: default;
        }

        #about a {
            cursor: pointer;
            text-decoration: blink;
            color: #4285f4;
        }

        #about a:hover {
            text-decoration: underline;
        }

        #about .header {
            text-shadow: #ccc 1px 1px 3px;
        }

        #about .header td {
            padding: 0 10px;
            -webkit-padding-start: 0;
        }

        #about .header .title {
            font-size: 22pt;
            margin-top: -6px;
            direction: ltr;
        }

        #about .header .titleTable {
            border-collapse: collapse;
            border-spacing: 0;
        }

        #about .header .titleTable td {
            padding: 0;
        }

        #about .header .version {
            font-size: 11pt;
            padding: 0;
            text-shadow: #ddd 1px 1px 2px;
            -webkit-padding-start: 3px !important;
            -webkit-user-select: text;
        }

        #about .header .versionNumber {
            font-weight: bold;
            -webkit-padding-start: 5px;
        }

        #about .header img {
            vertical-align: middle;
        }

        #about .body {
            padding: 10px 8px;
            white-space: nowrap;
            -webkit-user-select: text;
        }

        #about .body * {
            color: #679;
        }

        #about .body span {
            white-space: nowrap;
        }

        #about .footer {
            height: 20px;
            color: #789;
            margin: 5px;
            padding-top: 5px;
            border-top: solid 1px #eef;
            white-space: nowrap;
        }

        #about .close,
        #addRule .close {
            position: absolute;
            right: 10px;
            cursor: pointer;
        }

        #addRule .close {
            top: 10px;
            padding: 10px;
        }

        #about .close img,
        #addRule .close img {
            cursor: pointer;
        }

        #developer {
            padding-bottom: 12px;
            height: 74%
        }

        #developer .name {
            padding: 5px 0;
        }

        #developer .name * {
            font-size: 9pt;
        }

        #about #tips {
            color: red;
            font-size: 16px;
            display: block;
            padding-bottom: 5px;
        }

        #settings:after {
            display: inline-block;
            content: " ";
            width: 100%;
            height: 100%;
            background: no-repeat url("theme/img/settings.png") 4px 4px;
        }

        .popup_copyright {
            text-align: center;
        }

        #settings {
            display: inline-block;
            width: 25px;
            height: 25px;
            float: right;
            margin-top: -22px;
        }
    </style>

</head>

<body data-i18n-values=".style.direction:global_direction;.style.textAlign:global_textAlign">
    <div id="about">
        <div class="header">
            <table>
                <tr>
                    <td>
                        <img src="icon.png" width="70" style="height: 59px;">
                    </td>
                    <td>
                        <table class="titleTable">
                            <tr>
                                <td colspan="2">
                                    <div class="title">访问助手</div>
                                </td>
                            </tr>
                            <tr>
                                <td width="1" class="version" data-i18n-content="popup_version">版本</td>
                                <td class="version">
                                    <span class="versionNumber" id="versionNumber">0.0.1</span>
                                </td>
                            </tr>

                        </table>
                    </td>
                </tr>
            </table>
        </div>
        <div class="body">
            <div id="developer">
                <div class="name">
                    <table>					
					    <tr>
                            <td data-i18n-content="popup_basedOn">11：
                                <a target="_blank" href="https://q.com/">PRD</a>，
                                <a target="_blank" href="https://q.com/">QA</a>，
                                <a target="_blank" href="http://d">DEV</a>
							</td>
                        </tr>

                        <tr>
                            <td data-i18n-content="popup_basedOn">22：
                                <a target="_blank" href="http://b">PRD</a>，
                                <a target="_blank" href="http://q">QA</a>，
                                <a target="_blank" href="http://d">DEV</a>
							</td>
                        </tr>
						
                        <tr>
                            <td data-i18n-content="popup_basedOn">33：
                                <a target="_blank" href="https://v">VPN </a>，
								<a target="_blank" href="https://b">北斗</a>，
                                <a target="_blank" href="https://d">弹性云</a>
                            </td>
                        </tr>
						
                        <tr>
                            <td data-i18n-content="popup_basedOn">44：
                                <a target="_blank" href="http://c.com/">Code</a>
                            </td>
                        </tr>
                     
                        <tr>
                            <td>
                                <br>
                            </td>
                        </tr>                      
                    

                        <tr>
                            <td data-i18n-content="popup_basedOn">Maven仓库：
                                <a target="_blank" href="http://my">Maven仓库</a>
                            </td>
                        </tr>
                        <tr>
                            <td data-i18n-content="popup_basedOn">常用工具：
							<br>
                                <a target="_blank" href="http://www.bejson.com/convert/unix/">时间戳转换</a>| 
                                <a target="_blank" href="http://id.chacha138.com/">身份证号姓名匹配</a>| 
                                <a target="_blank" href="https://www.json.cn/">Json格式化</a>| 
								<a target="_blank" href="https://tool.lu/sql/">sql格式化</a>
				
                            </td>
                        </tr>
         
                    </table>
                </div>
            </div>

        </div>
       
    </div>
    <script src="/popup.js"></script>
</body>

</html>

manifest.json

{
  "manifest_version": 2,
  "name": "访问助手",
  "version": "0.0.4",
  "description": "访问助手",
  "homepage_url": "http:wwww.baidu.com",
  "icons": {
    "16": "icon/logo128.png",
    "48": "icon/icon48.png",
    "128": "icon/logo128.png"
  },
  "browser_action": {
    "default_icon": "icon.png",
    "default_popup": "popup.html",
    "default_title": "访问助手"
  },
  "permissions": [
    "background",
    "contextMenus",
    "tabs"
  ],
  "background": {
    "scripts": [
      "background.js"
    ],
    "persistent": false
  }
}
作手小雨
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
强推 20 款实用的 Chrome 插件
guoqkmiss的博客
01-26 2488
沉浸式网页双语翻译扩展，支持PDF翻译，双语Epub电子书制作，Youtube/Netflix/Udemy 等平台双语字幕，支持Deepl/Google等多个翻译服务，免费使用。Apifox 是 API 文档、API 调试、API Mock、API 自动化测试一体化协作平台，定位 Postman + Swagger + Mock + JMeter。捕捉、标注、缩放、模糊、编辑视频等功能 - 无需登录，保护隐私。JSON自动格式化、手动格式化，支持排序、解码、下载等，更多功能可在配置页按需安装！
这3款浏览器体积小，好用速度快，堪比夸克
ITduo的博客
03-14 6015
大家查找资料想必都要去浏览器搜索吧，很多时候我们搜索找到的结果并不是我们想要的，更糟糕的是网页打开很慢，有时候真的觉得很烦躁。除了几个大家比较熟悉的浏览器，网上各种浏览器五花八门，功能越来越强大，但是能长久用的浏览器却寥寥无几。
小幺鸡如何添加插件
findling的博客
02-27 1119
小幺鸡的官网虽然有写添加插件过程，由于写得太笼统了，不是所有人都看得懂，就比如像我一样，哈哈哈，摸索了一翻终于搞定。 网上搜了一下有些说下载一个点.crx文件，然后手动拖进谷歌浏览器就行，我实际实验了，是不行的，估计是谷歌版本不一样吧。 最后是这样解决： 1、小幺鸡官网：http://www.docway.net/project/help/1Qv4YrJhd2m ![在这里插入图片描述](http...
网页在浏览器中的title前面的小图标小ico
Sukla的博客
09-19 3160
1，在网页在浏览器中被打开的时候，会发现有些网页在title标题前面还有个小图标，一般是公司的logo; 2，尝试了一种写法：; 3，.ico是我用一个32*32的png在在线工具上生成的http://www.faviconico.org/ 4，在一般的html页面中能显示，在jsp中一定要注意路径，容易出错；
vue3.0 解决浏览器小图标 ico图标更换不了的问题 记录
weixin_42508580的博客
03-09 1411
vue3设置ico图标审查元素显示如下 <!--[if IE]><linke rel="icon" herf="logo.ico" /><![endif]--> 解决方法 index.html <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewpor
axure浏览器插件插件
最新发布
06-04
axure浏览器插件axure浏览器插件axure浏览器插件axure浏览器插件axure浏览器插件axuraxure浏览器插axure浏览器插件axure浏览器插件axure浏览器插件axure浏览器插件axure浏览器插件axuraxure浏览器插件axure浏览器...
Zotero Connector浏览器插件
08-14
Zotero Connector
stealth,浏览器插件
12-09
标题 "stealth,浏览器插件" 暗示我们讨论的主题是关于一款名为 "stealth" 的浏览器插件。浏览器插件是用于扩展浏览器功能的小型软件应用，它们可以增加用户的浏览体验，提供诸如广告拦截、隐私保护、网页增强等多种...
浏览器二维码插件
02-22
浏览器二维码插件，方便实用。 自动现实当前网址二维码，也可自行定义
浏览器插件,网易有道翻译
05-04
浏览器插件,网易有道翻译
谷歌浏览器-字符编码插件
08-24
谷歌浏览器字符编码插件
小幺鸡谷歌插件
03-09
小幺鸡谷歌插件。小幺鸡，简单好用的在线接口文档管理工具
火狐chrome插件
08-22
火狐chrome插件
最小的浏览器　最小的浏览器
06-22
很小的浏览器，几十K。。速度很快，绿色的。。。超牛
一些很有用的小插件
invisibleI的博客
06-13 247
生成加载的图片 loading 样式图标可以从网站定制： loading 样式图标可以从网站定制： https://loading.io/ 很多免费的，基本都可以满足需求。 loading设置一个遮盖层 #loading { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); z-index: 15000; } #loading img { positi
小幺鸡，简单好用的在线接口文档管理工具
维以不永伤
07-26 5610
官网地址：http://www.xiaoyaoji.cn/ 离线部署说明：http://www.xiaoyaoji.cn/doc/TxybXPTdx mysql数据库安装与配置（windows）：https://www.cnblogs.com/xch-yang/p/7661069.html
【工具】提高开发效率的一些
我想吃碗牛肉面
02-07 1696
此处记录一些能真正提高开发效率的工具。
mac浏览器 axure插件
01-02
而对于Mac用户而言，有许多浏览器插件可以与Axure配合使用，以提供更好的设计和分享体验。 首先，在Mac上使用Axure，我们可以安装插件将其与常用的浏览器集成。在Axure官方网站上，我们可以找到Safari和Chrome的...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值