实现简易谷歌浏览器插件

实现一个简易谷歌浏览器插件

目录结构如下

1、manifest.json内容如下，基本都是固定了的

{"name": "projectname","version": "1.0.0","manifest_version": 2,"description": "description","author": "lcq","icons": {"16": "images/icon.png","48": "images/icon.png","128": "images/icon.png"},"browser_action": {"default_icon": "images/icon.png","default_popup": "popup.html"}
}

2、然后就是popup.html，这个就更随便了，根据自己想要实现的功能来吧

<!DOCTYPE html>
<html lang="en" dir="ltr"><head><meta charset="utf-8"><title></title></head><body><div><input type="text" id="txt"><input type="button" value="按钮"></div></body>
</html>

3、安装

点击谷歌浏览器的扩展程序，然后点击已解压的扩展程序，选择好目录就可以了

4、使用插件，点击安装好的浏览器图标即可

实现简易谷歌浏览器插件相关推荐

谷歌浏览器不能上网_谷歌浏览器插件下载及安装教程！
emmm......这篇文章的内容非常小白,相信大部分人都会这个基本操作. 但是阁主相信还有些妹子操作不来,如果还没有男朋友,那不是铁定不会安装谷歌浏览器插件么? 其实"谷歌浏览器+插件&q ...
Vue Devtools安装（谷歌浏览器插件：）
vue安装: # 最新稳定版 $ npm install vue # 全局安装 vue-cli $ npm install --global vue-cli # 创建一个基于 webpack 模板的新 ...
axure 浏览器插件_7款超级实用的谷歌浏览器插件
作为Web开发者,日常工作生活中自然离不开浏览器,谷歌浏览器作为首选,今天就为大家推荐几款实用的谷歌浏览器插件. 01 Vue.js devtools 助力Vue项目开发,vue粉必备开发神器 02 ...
开发谷歌浏览器插件会上瘾，搞了一个JSONViewer，一个页面格式化多条JSON，提升工作效率...
最近写了一个谷歌浏览器插件(Chrome extension),拿出来分享下,希望能提升大家的工作效率. 一.背景先说痛点:日常开发中,经常需要不停的把接口输出的JSON拷贝到在线JSON格式化页面 ...
制作一个谷歌浏览器插件，实现网页数据爬虫
一.什么是浏览器插件浏览器插件,基于浏览器的原有功能,另外增加新功能的工具,是可定制浏览体验的小型软件程序,让用户可以根据个人需要或偏好来定制浏览器. 如拦截网页中的广告.划词翻译.倍速视频等等. ...
介绍几个常用的Chrome谷歌浏览器插件
2019独角兽企业重金招聘Python工程师标准>>> 1. FireBug Lite Firefox有个非常出名的扩展--FireBug,Firebug Lite 就相当于Fire ...
多款功能强大的chrome谷歌浏览器插件推荐
chrome谷歌浏览器插件推荐 Enable Copy 遇到限制复制粘贴和右键的网页是不是很头痛?安装这个插件后,点下插件按钮就能解决了- JSONView 可以将后端返回的json格式化,让结构更清 ...
自从我用了这些浏览器插件，工作效率至少提高了一倍，谷歌浏览器插件
自从我用了这些浏览器插件,工作效率至少提高了一倍,谷歌浏览器插件今天5.1小长假最后一天了,写个文章(主要是再不写,推荐卡就到期浪费了),用心写了,希望能帮助到大家,哈哈
谷歌浏览器插件:json处理工具JSONVue
引言 json是一种流行的轻量级数据交换格式,在互联网上非常常见.众所周知, JSON让砸门开发人员易于使用,又让机器易于解析和生成 JSONVue JSONVue是谷歌浏览器插件,安装以后我们在请求 ...

实现简易谷歌浏览器插件

实现简易谷歌浏览器插件相关推荐

最新文章

热门文章