精华内容
下载资源
问答
  • chrome 扩展

    2012-01-27 14:36:43
    开发对于chrome扩展 项目对于需求的人作用 很大的
  • 入门示例chrome扩展
  • Chrome扩展支架 使用latest版本的Angular轻松创建Google Chrome扩展程序。 支持以下方案/选项: 弹出✓ 新标签页✓ 选项✓ 背景页面✓ 内容页✓ 用法 该项目只是一个脚手架,使用CLI工具生成一个新项目。 ...
  • 一个简单的Chrome扩展程序,用于管理您的Chrome扩展程序。 它只需要management权限。 安装 从安装 国际化(i18n) 提供11种语言的版本: 英语 简体中文) 中国传统的) 义大利文 西班牙文 德语 法文 韩语 俄语 ...
  • CHROME扩展笔记之webRequest·图片拦截

    万次阅读 2021-02-24 15:28:00
    使用webRequest首先需要在...chrome.webRequest.onBeforeRequest.addListener ( function(details) { // console.log(details); // 回调返回一个对象,如果对象里得cancel为true则会拦截不继续请求 return {can

    使用webRequest首先需要在manifest权限里声明,[“webRequest”,“webRequestBlocking”,"以及监控的地址,如监控所有则:*: //*/* "]

    //插件监听拦截-图片
    chrome.webRequest.onBeforeRequest.addListener (
    	function(details) {
    		// console.log(details);
    		// 回调返回一个对象,如果对象里得cancel为true则会拦截不继续请求
    		return {cancel: true};
    	},
    	//监听页面请求,你也可以通过*来匹配。urls地址,types请求资源类型
    	{urls:["*://*.baidu.com/*","*://*.bdstatic.com/*"], types: ["image"]},
        ["blocking"] 
    );
    
    展开全文
  • 修改chrome 扩展ID this.loadingImg="chrome-extension://pcbkaponcbg/img/loading1.gif"; 改完后ID仍是ID: hjiebjanphijpacjiimolpcbkaponcbg
  • Chrome扩展安装包Postman 绿色版

    万次下载 热门讨论 2014-12-10 15:39:52
    收集到的可用的Postman的可用安装包,安装包内有使用说明。很多人无法在Chrome商店安装,下载的又无法使用的这个应该可以解决了。
  • chrome扩展插件

    2015-09-17 17:32:59
    google chrome 扩展程序 extensions
  • chrome扩展程序We all like surfing the web. And we all like things to be at the touch of our fingertips. Why not create something that caters to these two absolute truths? 我们都喜欢上网。 而且我们都...

    chrome扩展程序

    We all like surfing the web. And we all like things to be at the touch of our fingertips. Why not create something that caters to these two absolute truths?

    我们都喜欢上网。 而且我们都希望事情触手可及。 为什么不创造出满足这两个绝对真理的东西呢?

    In this article, I’ll explain the building blocks of a Chrome extension. Afterwards, you’ll just have to think of a good idea as an excuse to make one.

    在本文中,我将介绍Chrome扩展程序的基本组成部分。 之后,您只需要将一个好主意视为创造一个主意的借口。

    为什么选择Chrome? (Why Chrome?)

    Chrome is by far the most popular web browser. Some estimations are as high as 59%. So, if you want to reach as many people as you can, developing a Chrome extension is the best way to do it.

    Chrome是迄今为止最受欢迎的网络浏览器。 一些估计高达59% 。 因此,如果您想吸引尽可能多的人,开发Chrome扩展程序就是最好的方法。

    ⚠️ To be able to publish a Chrome extension, you need to have a developer account which entails a $5 one-time signup fee.

    ⚠️要发布Chrome扩展程序,您需要拥有一个开发人员帐户,该帐户需要支付5美元的一次性注册费

    Each Chrome extension should have these components: the manifest file, popup.html and popup.js and a background script. Lets take a look at them.

    每个Chrome扩展程序应具有以下组件: 清单文件popup.htmlpopup.js以及后台脚本。 让我们看看它们。

    Chrome扩展程序由什么组成? (What makes up a Chrome extension?)

    清单文件 (The Manifest File)

    What is a manifest file? It is a text file in JSON (JavaScript Object Notation) format that contains certain details about the extension you will be developing.

    什么是清单文件? 这是JSON( JavaScript对象表示法 )格式的文本文件,其中包含有关您将开发的扩展的某些详细信息。

    Google uses this file to acquire details about your extension when you will publish it. There are required, recommended and optional fields.

    发布时,Google会使用此文件获取有关您的扩展程序的详细信息。 有必填字段, 推荐字段和可选字段。

    需要 (Required)

    {
      "manifest_version": 2,
      "name": "My Chrome Extension",
      "version": "1.0",
      "default_locale": "en"
    }
    • manifest_version - Version of the manifest file format. As of Chrome 18, version 1 is deprecated

      manifest_version清单文件格式的版本。 从Chrome 18开始,版本1已弃用

    • name - Can be up to 45 characters. Used to display your extension’s name in the following places: Install dialog, Extension management UI, Chrome Web Store

      name -最多45个字符。 用于在以下位置显示扩展程序的名称:“安装”对话框,扩展程序管理UI,Chrome网上应用店

    • version - Version of your Chrome Extension. Can be up to four digits separated by dots (e.g., 1.0.0.0)

      version -您的Chrome扩展程序的版本。 最多可以由点分隔的四位数(例如1.0.0.0)

    • default_locale - This folder resides inside the _locals folder and it contains the default string literals. The _locals folder is used for internationalization (allowing your extension to support multiple languages). It is a required field if a _locals folder exists, otherwise, it should not be present

      default_locale此文件夹位于_locals文件夹中,并且包含默认字符串文字。 _locals文件夹用于国际化(允许您的扩展名支持多种语言)。 如果存在_locals文件夹, _locals必填字段,否则不应存在

    If you want to support multiple languages, read more here.

    如果您想支持多种语言,请在此处阅读更多内容。

    "description": "A plain text description",
      "author": "Your Name Here",
      "short_name": "shortName",
      "icons": {
          "128":"icon128.png",
           "48":"icon48.png",
           "16":"icon16.png"
        },
    • description - You can use up to 132 characters to describe the extension

      description您最多可以使用132个字符来描述扩展名

    • short_name - Limited to 12 characters, it is used in cases where there is not enough space to display the full name of the extension (App Launcher and New Tab Page)

      short_name为12个字符,用于没有足够空间显示扩展名全名的情况(应用启动器和“新标签页”)

    • icons - The icons that represent the extension. Always include a 128X128 icon because it is used by the Chrome Web Store and during the installation of your extension

      icons代表扩展名的图标。 始终包含一个128X128图标,因为它由Chrome网上应用店和在安装扩展程序时使用

    Optional fields are case specific, so we won’t go into them in this article.

    可选字段是特定于大小写的,因此在本文中我们将不再赘述。

    After covering the data needed for the manifest file, we can now move on to where we will actually be writing code for our extension, Popup and Background.

    在覆盖了清单文件所需的数据之后,我们现在可以继续实际为扩展名Popup和Background编写代码。

    The popup refers to the main page users see when using your extension. It consists of two files: Popup.html and a JavaScript file, Popup.js.

    弹出窗口是指用户在使用扩展程序时看到的主页。 它由两个文件组成: Popup.html和一个JavaScript文件Popup.js

    Popup.html is the layout file for how your extension will look like. Depending on what your extension will do, the markup of this file will change.

    Popup.html是扩展程序外观的布局文件。 根据扩展名的作用,此文件的标记将更改。

    A background script is the only one that can interact with events that occur and use the Chrome API. To use background scripts you need to add the following to your manifest.json file:

    后台脚本是唯一可以与发生的事件进行交互并使用Chrome API的脚本。 要使用后台脚本,您需要将以下内容添加到manifest.json文件中:

    {
      "manifest_version": 2,
      "name": "My Chrome Extension",
      "version": "1.0",
      "background":{
        	"scripts": ["yourScript.js"],
        	"persistent": false
        }
    }

    The key scripts has a value of an array of script names.

    关键scripts具有脚本名称数组的值。

    persistent is a key with a boolean value which denotes the use of your extension with chrome.webRequest API to block or modify network requests. The Chrome.webRequest API does not work with non-persistent background pages.

    persistent是具有布尔值的键,该值表示您的扩展程序与chrome.webRequest API配合使用以阻止或修改网络请求。 Chrome.webRequest API不适用于非永久背景页面。

    您的扩展程序将如何打开 (How Your Extension Will Open)

    Every Chrome extension adds a little icon to the toolbar at the top of your browser. Once the user clicks that icon, you can choose how you want your extension to open in the browser:

    每个Chrome扩展程序都会在浏览器顶部的工具栏中添加一个小图标。 用户单击该图标后,您可以选择扩展程序在浏览器中的打开方式:

    1. It can override a new tab, so as not to disrupt the current user’s activity

      它可以覆盖一个新的选项卡,以免破坏当前用户的活动

    2. You can open a small window in the user’s current tab, so as to keep the user in the same tab

    2.您可以在用户的​​当前选项卡中打开一个小窗口,以使用户保持在同一选项卡中

    Each choice has it’s consequences and it is up to you to decide what is the best option for you.

    每个选择都有其后果,由您决定什么是最适合您的选择。

    Below is the code needed to pull off each of the options. They will both use the same popup.html file outlined below:

    下面是提取每个选项所需的代码。 他们都将使用以下概述的相同popup.html文件:

    <html>
    
    	<head>
    		
    		<title>Chrome Extension Example</title>
    	</head>
    
    	<body>
    
    		<h1>Hello From Extension</h1>
    
    	</body>
    
    
    </html>

    放在一起 (Putting It All Together)

    覆盖新标签 (Override New Tab)

    //In manifest.json
    {
        "name": "ChromeExampleNewTab",
        "version": "1.0",
        "manifest_version": 2,
        "chrome_url_overrides": {
        	"newtab": "popup.html"
        },
        "browser_action": {}, 
        "permissions":[        
        	"tabs"
        ],
        "background":{        
        	"scripts": ["background.js"],
        	"persistent": false
        }
    }
    
    //In background.js
    chrome.browserAction.onClicked.addListener(function(tab) {
    	chrome.tabs.create({'url': chrome.extension.getURL('popup.html')}, function(tab) {
    		// Tab opened.
    	});
    });

    在当前标签页中打开 (Open In The Current Tab)

    //In manifest.js
    {
        "name": "ChromeExample",
        "version": "1.0",
        "manifest_version": 2,
        "browser_action": {         
          "default_popup": "popup.html"
        }
    }

    Notice how we have overridden the browser_action key in both examples.

    请注意,在两个示例中我们都是如何覆盖browser_action键的。

    We have to do this, since we don’t want the browser to open a new tab in the regular fashion.

    我们必须这样做,因为我们不希望浏览器以常规方式打开新标签页。

    Also, since if we want to open a new tab with our extension, we must add a permissions key to the manifest and specify the tabs value. This lets the browser know we need the user’s permission to overwrite the default behavior of opening a new tab.

    另外,由于如果要使用扩展名打开新标签页,则必须向清单添加权限密钥并指定标签页值。 这使浏览器知道我们需要用户的权限才能覆盖打开新选项卡的默认行为。

    There is a whole lot more to Chrome extensions (messaging, context menus and storage to name a few). I have hopefully given you some insight into Chrome extensions. Maybe just enough to intrigue you to make one of your own!

    Chrome扩展还有很多其他功能(消息传递,上下文菜单和存储等等)。 希望我能给您一些有关Chrome扩展程序的见解。 也许足以吸引您成为自己的一员!

    And while you are at it, check one I have made here.

    而当您在查看时,请检查一下我在这里制作的。

    翻译自: https://www.freecodecamp.org/news/how-to-implement-a-chrome-extension-3802d63b5376/

    chrome扩展程序

    展开全文
  • chrome扩展实例

    2014-07-30 14:49:14
    chrome扩展,360扩展实例
  • Chrome扩展 动漫网站的Chrome扩展程序
  • Chrome扩展形式自动填充 一个简单的chrome扩展程序自动填充表格的源代码,这将帮助您入门并成为chrome扩展程序的主人 学习编写自己的简单chrome扩展在本文中,您将学习创建一个简单的chrome扩展(需要HTML和...
  • chrome-extensions:镀Chrome扩展
  • Chrome延伸 Chrome扩展程序
  • chrome扩展程序In my previous article I wrote, I talked about the building blocks of a Chrome extension. Now, I would like to focus on the other part of building a Chrome extension: what to do when you...

    chrome扩展程序

    In my previous article I wrote, I talked about the building blocks of a Chrome extension. Now, I would like to focus on the other part of building a Chrome extension: what to do when you are done building it. The process in itself is not long nor hard, but there are some things you should pay attention to.

    在上一篇文章中 ,我谈到了Chrome扩展程序的构建基块。 现在,我想重点介绍构建Chrome扩展程序的另一部分:构建完扩展程序后该怎么做 。 这个过程本身并不耗时,也不费力,但是您需要注意一些事项。

    Every Chrome extension is published on the Chrome Web Store. Think of it as the equivalent to Google’s Play Store or Apple’s App Store, but only for Chrome extensions and themes.

    每个Chrome扩展程序都在Chrome网上应用店中发布 。 可以将其视为等同于Google Play商店或Apple的App Store,但仅适用于Chrome扩展程序和主题。

    脚步 (Steps)

    If you haven’t created one already, you will need to create a Developer account. In it, you will have a Developer Dashboard.

    如果尚未创建一个帐户,则需要创建一个开发者帐户。 在其中,您将拥有一个开发人员仪表板。

    As I stated in the previous article, there is a $5 one time signup fee if you want to be able to publish Chrome extensions. This will give you the ability to publish up to 20 extensions
    正如我在上一篇文章中所述,如果您希望能够发布Chrome扩展程序,则需要支付5美元的一次性注册费。 这将使您能够发布多达20个扩展

    Once you are the proud owner of a Developer account, the next step is to upload your Chrome extension to your account. To do this, create a ZIP file with all the files associated with your extension. The only file Google requires you to upload is the manifest.json file. But you will want to add the JavaScript files you have as well.

    当您成为开发者帐户的骄傲所有者后,下一步就是将您的Chrome扩展程序上载到您的帐户。 为此,请创建与扩展名关联的所有文件的ZIP文件。 Google唯一需要您上传的文件是manifest.json文件 。 但是您也将要添加自己JavaScript文件。

    After that, the next step is to publish our extension. Login to your developer account and go to your Developer Dashboard.

    之后,下一步就是发布我们的扩展程序。 登录到您的开发人员帐户,然后转到开发人员仪表板。

    There you will see an Add New Item button.

    在那里,您将看到“ 添加新项”按钮。

    ⚠️ Be aware that once you add an extension to your Developer Dashboard you cannot delete it. As long as it is not published, it will not count towards your extension limit.

    ⚠️请注意,一旦将扩展添加到“开发人员仪表板”中,就无法将其删除。 只要不发布,就不会计入您的扩展名限制。

    This will direct you to a page where you can upload the ZIP file we created earlier:

    这会将您定向到一个页面,您可以在其中上传我们之前创建的ZIP文件:

    Assuming everything went fine, you will be directed to the next page:

    假设一切正常,您将被带到下一页:

    If you are planning to make changes to your extension, you can use the Upload Updated Package button to re-upload your ZIP file.
    如果您打算对扩展名进行更改,则可以使用“上传更新的软件包”按钮重新上传您的ZIP文件。

    On this page, you can add an icon that will be shown on the toolbar:

    在此页面上,您可以添加图标,该图标将显示在工具栏上:

    Add screenshots of your extension (these will be used when a user looks at your extension):

    添加扩展程序的屏幕截图(当用户查看您的扩展程序时将使用这些屏幕截图):

    And various other features like choosing a Category for the extension (I.E. Fun), choosing the regions where your extension will be available, the pricing of your extension, and other categories which I suggest you take a look at.

    还有其他各种功能,例如为扩展选择类别(IE Fun),选择可以使用扩展的区域,扩展的价格以及我建议您查看的其他类别。

    When you are done fine tuning the details of your extension, you will arrive at the end of the page and see the following buttons:

    完成对扩展程序细节的微调后,您将到达页面末尾,并看到以下按钮:

    The two left buttons allow you to save the work you have done so far configuring your extension (or discarding it), and the two right ones are for when you are ready to publish. To see how everything you configured will look on the Chrome Web Store, press the Preview Changes button. When you are satisfied with what you have, click Publish Changes.

    左边的两个按钮可让您保存到目前为止配置扩展名(或丢弃扩展名)的工作,右边的两个按钮供您准备发布时使用。 要查看您配置的所有内容在Chrome网上应用店中的外观,请按“ 预览更改”按钮。 当您对自己拥有的内容感到满意时,点击发布更改

    Congratulations! You have just published your first Chrome Extension!

    恭喜你! 您刚刚发布了第一个Chrome扩展程序!

    In your Developer Dashboard you will now see this:

    现在,在开发人员控制台中,您将看到以下内容:

    Clicking the Stats link will give you analytics regarding your extension (how many impressions, installs and active users). I’m looking forward to seeing your published Chrome extensions.

    单击统计信息链接将为您提供有关扩展程序(多少印象,安装和活跃用户)的分析​​。 期待看到您发布的Chrome扩展程序。

    翻译自: https://www.freecodecamp.org/news/how-to-publish-your-chrome-extension-dd8400a3d53/

    chrome扩展程序

    展开全文
  • 1 什么是chrome扩展插件? 扩展程序提供给用户对chrome的功能进行扩展。用户可以通过扩展程序来根据个人的需求和喜好定制开发一些chrome功能。这些程序开发是基于html,javascript及css等技术。 2 Hello Extensions ...

    1 什么是chrome扩展插件?

    扩展程序提供给用户对chrome的功能进行扩展。用户可以通过扩展程序来根据个人的需求和喜好定制开发一些chrome功能。这些程序开发是基于html,javascript及css等技术。

    2 Hello Extensions

    接着我们通过一个简单的例子介绍如何添加开发并安装扩展插件。
    如下图所示,我们添加一个简单的功能。当点击图标Hi时,会弹出一个对话框。
    在这里插入图片描述

    为了完成上述功能,需要如下步骤:

    1. 创建文件夹
    2. 在1中创建的文件夹内建立manifest.json文件及所用到的资源
    3. 编辑manifest.json
    4. 在浏览器中添加插件

    manifest.json 文件

     {
        "name": "Hello Extensions",
        "description" : "Base Level Extension",
        "version": "1.0",
        "manifest_version": 2,
        "browser_action": {
          "default_popup": "hello.html",
          "default_icon": "hello_extensions.png"
        },
        "commands": {
          "_execute_browser_action": {
            "suggested_key": {
              "default": "Ctrl+Shift+F",
              "mac": "MacCtrl+Shift+F"
            },
            "description": "Opens hello.html"
          }
        }
      }
    

    文件中的几个关键配置如下:

    default_popup:定义了一个html页面,这个页面就是弹出窗口所展示的页面。
    default_icon: 定义了插件的图标
    commands:定义了键盘操作,当我们输入快捷键Ctrl+Shift+F时,同样会展示出弹出的窗口

    3 安装插件

    1. 地址栏输入chrome://extensions,进入插件页面
    2. 点击加载已解压的扩展程序,并选择刚才建立的文件夹

    最终单击图标或者通过Ctrl+Shift+F可以看到一个弹出窗口

    4 参考

    https://developer.chrome.com/extensions

    展开全文
  • Chrome扩展:仅一键即可加入多个WhatsApp组:Chrome扩展:仅一键即可加入多个WhatsApp组
  • chrome 扩展实例

    2015-09-25 22:56:04
    chrome 扩展实例 入门参考 更多请参考官方教程
  • Chrome扩展程序自动填充密码 Seclave Chrome扩展程序,让您的Seclave v2.0输入您的密码。 支持语言:English
  • Google Chrome 扩展程序

    2016-11-06 13:56:37
    Google Chrome 扩展程序
  • twitter-md-chrome:将Twitter扩展为png。 Chrome扩展程序
  • Chrome扩展及应用开发

    2018-02-02 20:30:12
    第1章 初步接触Chrome扩展应用开发1.1 认识Chrome扩展及应用1.2 我的第一个Chrome扩展1.3 Manifest文件格式1.4 DOM简述第2章 Chrome扩展基础 2.1 操作用户正在浏览的页面2.2 跨域请求 2.3 常驻后台2.4 带选项页面的...
  • chrome扩展写法

    2019-09-25 23:47:29
    最近看到公司同事经常写chrome扩展,来提高生成效率,回想想自己以前也写过chrome扩展,但是由于不经常写,也没做积累也都忘记了,现在重新回顾一下。 一、chrome扩展基本概念  chrome扩展应用其实是压缩在一起的...
  • chrome扩展-二维码生成器
  • 对于所有MyGlue和Chrome用户,我们很高兴提供MyGlue Chrome扩展程序。现在,您可以在Chrome中快速,安全地查看和访问存储在MyGlue中的所有密码和其他资产。这意味着不再需要切换页面,也无需复制/粘贴用户名和密码来...
  • Chrome插件-《扩展管理器》管理你的Chrome扩展.zip。如果Chrome安装的插件很多, 我们可以对插件进行分组, 按照场景,启用不同组的插件。
  • 比利时eID卡的Chrome扩展程序 通过eID Chrome扩展程序,可以访问Chrome网络浏览器中的eID卡 eID Chrome解决方案已集成到我们的eID身份提供商和数字签名服务中。 支持语言:English
  • chrome_extension_test 创建Chrome扩展程序
  • chrome扩展开发文档

    2017-03-11 21:38:57
    chrome扩展开发文档,mobi格式!

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 25,941
精华内容 10,376
关键字:

chrome扩展