Chrome 插件 及 crx 非法安装问题

一个Chrome插件包含以下几个文件

  • manifest.json。 配置文件,名称不可以更改,必须是manifest.json。
  • icon.png。 插件logo,会显示到Chrome 的右上角
  • test.js。 js脚本文件
  • test.html。插件UI界面

创建文件


localhost:~ wany$ cd ~/Desktop/

localhost:Desktop wany$ mkdir chajian
localhost:Desktop wany$ cd chajian/
localhost:chajian wany$ touch manifest.json
localhost:chajian wany$ touch test.js
localhost:chajian wany$ touch test.html
localhost:chajian wany$ ls
manifest.json   test.html   test.js

找一个icon.png 放入chajian文件夹。

编辑内容

manifest.json

{  
  "name": "alert",  
  "version": "1.0.0",  
  "description": "hahahaha",  
  "browser_action": {  
    "default_icon": "icon.png" ,
    "default_title": "alert",
    "default_popup": "test.html"
  }  
} 

test.html

<!DOCTYPE html>
<html>
<head>
         <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
    <title>哈哈哈</title>
    <script src="test.js"></script>
</head>
<body>
    <button type="button" onclick="show()">Click Me!</button>
</body>
</html>

test.js

function show(){
    var element = document.createElement("label"); 
    var node = document.createTextNode("添加"); 
    element.appendChild(node); 
    document.body.appendChild(element); 
}

安装

使用chorme访问chrome://extensions/,将chajian文件夹直接拖到浏览器。

chrome 是博主的主浏览器,因为世界各地的开发者为其开发很多好用的插件,可以在使用过程起到举足轻重的作用,但也有很多个人开发和修改版的插件在新版chrome是无法正常使用,今天我们就谈谈如何安装非chrome网上应用店插件的安装及使用,在这里我已unblock-tvb.crx扩展为例
chrome安装unblock-tvb.crx扩展之后会每次启动浏览器都会出现“请停用以开发者模式运行的扩展程序”的提示

|
image

)


http://cdn.zhangxuebing.cn/chromecrx6.jpg-watermarked.jpg

http://cdn.zhangxuebing.cn/chromecrx7.jpg-watermarked.jpg

添加成功之后,即可看到组策略自动刷新
然后在管理模板的左侧列表中找到经典管理模板
Google -> Google Chrome -> 扩展程序
(这里有两个Google Chrome用第一个就好,第二个里面也没有 扩展程序 这一项)
[站外图片上传中...(image-90118b-1529466187307)] 双击打开“配置扩展程序安装白名单,选择已启用 ->要从黑名单中排除的扩展程序id->显示
添加在列表中输入刚才记下的ID值 ,点击确定


http://cdn.zhangxuebing.cn/chromecrx9.jpg-watermarked.jpg

然后重启Chrome,可以看到被禁用的扩展现在点击“启用”是有效的,搞定啦!
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Chrome扩展开发 标签(空格分隔): Chrome扩展 1、写在前面 Chrome插件是一个用Web技术开发...
    记忆的时间差阅读 11,223评论 0 15
  • chrome扩展开发入门教程 最近在开发chrome插件,看到一篇非常适合入门的教程,特记录一下 注:转载 本文首...
    谢大见阅读 11,503评论 1 25
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,390评论 19 139
  • WebSocket-Swift Starscream的使用 WebSocket 是 HTML5 一种新的协议。它实...
    香橙柚子阅读 24,279评论 8 183
  • 2017-04-25 乙寅青婷健康减脂生活馆 微信:18192140201 今天你走了多少步? 我们每天都在朋友圈...
    减脂教练孙华阅读 2,256评论 0 0