zoukankan      html  css  js  c++  java
  • Chrome 插件编写日记

    • Chrome 插件,你可以理解为打开了一个网页,但是里面只有前端语言,JavaScript, HTML + css

    • 但是有一点区别的是,它是有一个名字为 manifest.json 的配置文件的,里面,有关于这个插件的一些配置,如下:

    • manifest.json

        {
            // 这是必要的,代表  manifest版本, 网上介绍说必须写 2
    	"manifest_version" : 2,
            // 名字也是必要的
    	"name" : "chen_crx_text",
            // 这代表这个插件代码的版本
    	"version" : "0.0.1",
            //  上面三个是必要的,下面的是我自己加上去的。
           //  这个是这插件的描述
    	"description" : "chenfulin chrome exten test",
            // 这个是后台运行的 js
    	"background":
    	{
    		"scripts" : ["js/test.js"]
    	},
            // 这是个添加插件的那个界面显示的
    	"browser_action" :
    	{
    		"default_icon" : "img/icon.png",
    		"default_title" : "这是一个示例插件"
    	},
            // 相关权限
    	"permissions": [       
            "tabs",            
            "webRequestBlocking",
            "webRequest",
            "browsingData",
            "storage",
            "unlimitedStorage"
            ],
    	"content_security_policy": "script-src 'self' 'unsafe-eval'; object-src 'self'",
            // 这个是右上角显示的图标
    	"icons" : 
    	{
            "128": "img/icon.png"
      	},
            //  这个右键点击后选择 选项 出现的界面
      	"options_page" :"index.html"
        }
    
    • index.html

        <!DOCTYPE html> 
        <html>
        <head>
    
        <p1> chenfulin </p1>
    
        </head>
        </html>
    
    • js/test.js

        chrome.browserAction.onClicked.addListener(function(){ 
             chrome.tabs.create({ url: 'index.html' });
        });
    
  • 相关阅读:
    【集合遍历-Java】
    【eclipse】使用说明
    【Java IO流】浅谈io,bio,nio,aio
    【Mysql数据库】知识点总结
    【struts2】学习笔记
    【EL&JSTL】学习笔记
    思科交换机-常用命令及配置
    【JDBC-MVC模式】开发实例
    【JDBC】java连接MySQL数据库步骤
    【JDBC】Servlet实例
  • 原文地址:https://www.cnblogs.com/chenfulin5/p/9030161.html
Copyright © 2011-2022 走看看