`
leeqq
  • 浏览: 138152 次
  • 性别: Icon_minigender_1
  • 来自: 南京
社区版块
存档分类
最新评论

chrome插件开发二

    博客分类:
  • web
阅读更多

补上次写的 chrome插件开发

在上篇文章里面用

chrome.tabs.executeScript({file: 'statics/js/insert.js'}, function () {  
});

 这样的方式在当前页面注入一段js脚本,从而达到操作当前页面的功能,然而在有一些情况用这样的方式来注入文件是有问题的,比如jquery这样的一些公用库,如果在多个操作中需要用到jquery,不能在每次操作的时候都注入jquery,这样每次都是重新加载一次jquery,也就没有什么意义了。这时候就要用到content_script配置了

 

在manifest.json配置文件中添加contentScript配置如下

"content_scripts": [{
        "matches": ["*://*.baidu.com/*", "*://*.qq.com/*"],
        "js": ["statics/js/jquery-1.7.2.js"]
}]

 其中js是用来指定要注入哪些js文件的,matches是用来指定需要对哪些网站进入注入,这里用百度和腾讯的页面做个测试

content_script还可以用配置css来注入一些css,以及一些其它的的配置,

 

可以参考文档

chrome官网

以及360开发平台

分享到:
评论

相关推荐

    Chrome插件开发.pdf

    Chrome 插件开发概述 Chrome 插件开发是指在 Google Chrome 浏览器上开发小程序的过程,这些小程序可以增强浏览器的功能,提供更多的功能和服务。下面是 Chrome 插件开发的基本概念和步骤: 一、基本概念 * ...

    chrome插件开发文档-详细pdf版.7z

    总之,"chrome插件开发文档-详细pdf版"是学习和精通Chrome插件开发的宝贵资源,无论你是初学者还是有经验的开发者,都能从中受益。通过深入研究这份文档,你将能够创建出功能强大、用户体验优良的Chrome插件,丰富你...

    chrome插件开发入门教程

    Chrome 插件开发入门教程 Chrome 插件开发入门教程旨在帮助开发者快速了解 Chrome 插件的开发流程和基本概念。下面是本教程的知识点总结: 1. Chrome 插件开发的基本概念 Chrome 插件是一个小型的程序,可以增强...

    chrome插件开发 - tab页面切换插件

    Chrome插件开发是一个充满创新和实用性的领域,它允许开发者为全球最大的网络浏览器之一——Google Chrome,添加自定义功能和增强用户体验。在这个“chrome插件开发 - tab页面切换插件”项目中,我们关注的焦点是...

    Chrome Extension (Chrome插件)开发官方最新文档(20190401)

    以下是对Chrome插件开发的详细解释: 一、基础概念 1. **Manifest文件**:每个Chrome插件都有一个manifest.json文件,它是插件的核心配置文件,包含了插件的基本信息、权限、内容脚本、背景页面等设置。 2. **内容...

    chrome插件开发文档

    ### Chrome插件开发知识点 #### 一、Chrome插件开发基础概述 - **定义与作用**:Chrome插件(或称扩展程序)是基于Web技术(HTML、CSS、JavaScript等)构建的小型应用程序,用于增强浏览器的功能性。通过安装插件...

    Chrome插件开发完整demo

    这个"Chrome插件开发完整demo"提供了一个完整的实例,帮助开发者深入理解如何构建自己的Chrome扩展。下面,我们将详细探讨Chrome插件开发的相关知识点。 1. **Chrome插件架构** Chrome插件由几个关键组件组成:`...

    Chrome插件开发完整教程

    【Chrome插件开发完整教程】 在互联网世界里,Chrome插件(或称为Chrome扩展)是一种利用Web技术(如HTML、CSS、JavaScript等)构建的软件,用于增强浏览器的功能。Chrome插件可以让你根据个人需求定制浏览器,实现...

    Chrome插件开发3.0

    Chrome插件开发3.0是关于构建和优化Google Chrome浏览器扩展程序的一门技术主题。随着互联网的快速发展,浏览器插件已经成为提升用户体验、增强浏览器功能的重要工具。Chrome作为全球最受欢迎的浏览器之一,其丰富的...

    chrome插件开发,完整demo

    chrome插件开发,完整demo,包含 这是一个popup页面! background 打开background 调用background页JS方法 获取background页的标题 设置background页标题 (验证background生命周期和单实例特性) 窗口操作演示 新窗口...

    ChromeExtensionDocument:chrome插件中文开发文档.zip

    "ChromeExtensionDocument:chrome插件中文开发文档.zip"是一个包含详细中文指南的压缩包,旨在帮助开发者理解并创建自己的Chrome插件。 开发Chrome扩展首先需要了解manifest.json文件,这是每个扩展的核心配置文件...

    chrome插件开发-页面对象注入及本地通信

    在本主题"chrome插件开发-页面对象注入及本地通信"中,我们将深入探讨两个关键概念:页面对象注入和本地通信,这两个概念是Chrome插件开发中的重要组成部分。 **页面对象注入** 页面对象注入是指将JavaScript对象或...

    chrome 插件开发各种功能demo

    在"chrome-plugin-demo-master"这个项目中,你应该能通过实践这些示例,掌握Chrome插件开发的基本技巧,从而开发出自己的插件,满足特定需求。记得在开发过程中遵循Chrome的开发者政策,确保插件的安全性和合规性。

    Chrome插件开发--后台监控网页并自动刷新,点击页面元素

    在这个特定的案例中,我们关注的是一个能够后台监控网页并自动刷新,以及点击页面元素的Chrome插件开发。这种插件对于开发者调试网页或者自动化测试来说非常有用。 首先,我们要了解Chrome插件的基本结构,它通常...

    浏览器 chrome 插件开发

    在Chrome插件开发中,主要涉及以下几个核心概念: 1. **Manifest文件**:每个Chrome插件都必须有一个`manifest.json`文件,它是插件的配置文件,包含了插件的基本信息,如名称、版本、权限、图标、内容脚本、背景...

    chrome浏览器插件开发

    Chrome插件的基础应用主要涉及V3版本的API和架构,这是一个相对最新的版本,旨在提高性能、安全性和用户体验。 在V3版本中,Chrome插件的开发有以下几个核心知识点: 1. **Manifest文件**:这是每个Chrome插件的...

    chrome插件XSwitch chrome插件XSwitch

    Chrome插件XSwitch是一款专为谷歌浏览器Chrome设计的扩展程序,它主要服务于前端开发者和网页浏览用户,提供了方便快捷的浏览器扩展切换功能。在日常工作中,我们常常需要在多个Chrome插件之间快速切换以满足不同的...

Global site tag (gtag.js) - Google Analytics