Chrome插件扩展 json格式化/压缩 工具,方便json开发的朋友xTcHTML5中文学习网 - HTML5先行者学习网
安装方法:xTcHTML5中文学习网 - HTML5先行者学习网
用chrome浏览器访问 xTcHTML5中文学习网 - HTML5先行者学习网
https://chrome.google.com/extensions/detail/pjkoglpbigbjijmncfkcpkcpddnelgbm?hl=zh-cn xTcHTML5中文学习网 - HTML5先行者学习网
xTcHTML5中文学习网 - HTML5先行者学习网
【json格式化/压缩】工具 xTcHTML5中文学习网 - HTML5先行者学习网
xTcHTML5中文学习网 - HTML5先行者学习网
chrome下安装 :) xTcHTML5中文学习网 - HTML5先行者学习网
xTcHTML5中文学习网 - HTML5先行者学习网
1、建一个新的文件夹 xTcHTML5中文学习网 - HTML5先行者学习网
xTcHTML5中文学习网 - HTML5先行者学习网
2、建一个名为 manifest.json的文件 xTcHTML5中文学习网 - HTML5先行者学习网
xTcHTML5中文学习网 - HTML5先行者学习网
3、打开这个 manifest.json文件,可以理解为配置文件 :) xTcHTML5中文学习网 - HTML5先行者学习网
xTcHTML5中文学习网 - HTML5先行者学习网
包含以下内容 xTcHTML5中文学习网 - HTML5先行者学习网
xTcHTML5中文学习网 - HTML5先行者学习网
{ xTcHTML5中文学习网 - HTML5先行者学习网
"name": "My First Extension",//扩展的名字 xTcHTML5中文学习网 - HTML5先行者学习网
"version": "1.0", //版本 xTcHTML5中文学习网 - HTML5先行者学习网
"description": "json format", //描述 xTcHTML5中文学习网 - HTML5先行者学习网
"browser_action": {//对浏览器的操作 xTcHTML5中文学习网 - HTML5先行者学习网
"default_icon": "icon.png",//图标 xTcHTML5中文学习网 - HTML5先行者学习网
"popup":"json.html"//html文件 xTcHTML5中文学习网 - HTML5先行者学习网
} xTcHTML5中文学习网 - HTML5先行者学习网
}
xTcHTML5中文学习网 - HTML5先行者学习网
4、挑个喜欢的png图片 xTcHTML5中文学习网 - HTML5先行者学习网
xTcHTML5中文学习网 - HTML5先行者学习网
xTcHTML5中文学习网 - HTML5先行者学习网
5、建一个html文件 (核心代码就在里面,chrome扩展是用js写的 ) xTcHTML5中文学习网 - HTML5先行者学习网
xTcHTML5中文学习网 - HTML5先行者学习网
现在lib 文件夹中 有三个文件了 (icon.png,json.html,manifest.json) ; xTcHTML5中文学习网 - HTML5先行者学习网
xTcHTML5中文学习网 - HTML5先行者学习网
xTcHTML5中文学习网 - HTML5先行者学习网
6、打开chrome.exe (工具->扩展程序(E)->点击开发人员模式,选择正在开发的扩展程序) ,然后调试吧 xTcHTML5中文学习网 - HTML5先行者学习网
xTcHTML5中文学习网 - HTML5先行者学习网
xTcHTML5中文学习网 - HTML5先行者学习网
7、 上传你开发的扩展,https://chrome.google.com/extensions/,选择左侧的(发布扩展程序), xTcHTML5中文学习网 - HTML5先行者学习网
xTcHTML5中文学习网 - HTML5先行者学习网
xTcHTML5中文学习网 - HTML5先行者学习网
登录后可以上传你的打包带文件夹(lib文件夹压缩成lib.zip,必须为zip,而且保证同目录不能出现包含中文名的文件,不然上传不成功!)xTcHTML5中文学习网 - HTML5先行者学习网