Chrome插件开发

桃扇骨 2022-07-14 01:23 310阅读 0赞

## Chrome插件开发 ##

### 构建项目框架 ###

##### 1. 新建项目文件夹chrome #####

##### 2. 进入chrome文件夹新建manifest.json文件,内容如下： #####

{  
      "name":"chromePlugin",  
      "version":"0.9.0",  
      "description":"This is a tool.",  
      "manifest_version":2,
      "content_scripts": [ { "matches": ["*://www.baidu.com/*"], "js": ["js/jquery-1.8.3.min.js","js/index.js"] } ],
      "browser_action":{ "default_icon":"icon.png", "default_title":"test", "default_popup":"popup.html" } }

##### 3. 进入chrome文件夹新建popup.html文件,内容如下： #####

<html> 
        <body> 
            <h2>chrome插件</h2> 
            <div>
      <img src="../image/head.png" style="width: 50px; height: 70px">
     </div>
        </body>
    </html>

##### 4.新建js文件夹，下面放jquery-1.8.3.min.js和index.js，index.js内容如下： #####

$('#su').text("Google搜索");
    $('#su').val("Google搜索");
    $('#su').val("Google搜索");

##### 5. 总体目录如下： #####

![这里写图片描述][20161122174906699]

[20161122174906699]: /images/20220714/55deab3ff82e406e978a69ffbd89ea76.png

发表评论取消回复

表情：

评论列表（有 0 条评论，310人围观）

还没有评论，来说两句吧...

相关阅读

相关 Chrome插件开发相关推荐

相关资料，推荐一篇教程，事无巨细，全部覆盖。 > [Chrome插件开发全攻略][Chrome] API配合，下面站点，直接可以上手。 > [https://crxdoc

淩亂°似流年/ 2022年12月23日 06:49/ 0 赞/ 233 阅读

相关 chrome插件开发

基本概念一个插件其实是压缩在一起的一组文件（.crx），包括HTML，CSS，Javascript脚本，图片文件，还有其它任何需要的文件。插件本质上来说

朴灿烈づ我的快乐病毒、/ 2022年09月21日 01:45/ 0 赞/ 15 阅读

相关 Chrome插件开发

Chrome插件开发构建项目框架 1. 新建项目文件夹chrome 2. 进入chrome文件夹新建manifest.json文件,内容如下：

桃扇骨/ 2022年07月14日 01:23/ 0 赞/ 311 阅读

相关 Chrome插件开发——本地天气

经常在`Chrome应用商店`下载扩展程序也就是插件，有时候在想可不可以自己也开发一个插件用用呢？本文就是在这样的背景下产生的，以一个生活必需的简单获取天气的插件作为开发演示，

Bertha 。/ 2022年07月11日 20:55/ 0 赞/ 277 阅读

相关 Chrome 插件开发，入门Demo

1、Chrome扩展文件 Chrome扩展文件以.crx为后缀名，在[Google Chrome扩展官方网站][Google Chrome]下载扩展时，Chrome会将

悠悠/ 2022年06月17日 07:07/ 0 赞/ 236 阅读

相关 Chrome插件开发

编写chrome插件之前，需要熟悉一下相应的chrome插件开发环境。在chrome中编写插件和写网页应用基本一致，采用的是javascript+css+html的方式，

叁歲伎倆/ 2022年06月07日 04:05/ 0 赞/ 422 阅读

相关 Chrome 插件

Postman > Postman 是一个很强大的 API调试、Http请求的工具，当你还准备拿着记事本傻傻的去写 Form 表单的时候，你来试试 Postman，你会

╰+哭是因爲堅強的太久メ/ 2022年01月27日 06:53/ 0 赞/ 438 阅读

相关 Chrome浏览器插件开发心得

[2019独角兽企业重金招聘Python工程师标准>>> ][2019_Python_] ![hot3.png][] 一、学习基础知识从现在的经验来看，基本只需要看一下，

小鱼儿/ 2022年01月16日 02:09/ 0 赞/ 396 阅读

相关 chrome插件开发

开发Chrome插件，如抢票、秒杀、页面数据抓取等，可以搜集一些数据。开发插件需要的东西：manifest.json popup.html popup.js content

以你之姓@/ 2021年12月22日 13:01/ 0 赞/ 412 阅读

相关 Chrome 简单插件开发

![o_E6_8D_95_E8_8E_B7.JPG][]![o_sougou_20_282_29.JPG][] ![ContractedBlock.gif][] ![Expa

忘是亡心i/ 2021年12月16日 13:05/ 0 赞/ 402 阅读