ICode9

精准搜索请尝试: 精确搜索
首页 > 互联网> 文章详细

如何创建谷歌浏览器扩展 ajike开发人员的博客

2018-11-16 16:23:15  阅读:173  来源: 互联网

标签:



Yamamoto处理器。浏览器的具体是自身的特点,特别别是开发人员使方便于使特定的浏览器进行开发,并且有些人为每个浏览器KyoToru角色。

谷歌浏览器___ ___ ___ 0

这次发展什么

这次开发的是一个扩1,

通常信息况下,我们佑一个发喂网站信息产业部方式的链接合作Toruteki内部因素为在你使特定的施缺席的方式Isaono,如显示链间接的内容,以获得到OGP数据的聊天工具,课程中,我们发布亮URL,Tadashiware决定创建它,一个用于在 - 为只个按钮就允许以做到达Sarayoshimi。

开发程序

  1. 创建manifest.json
  2. 创意单件实用工作Javascript案例
  3. 谷歌Chrome将来

1.创建manifest.json

你的头,你需要演示声明声明manifest.json。

在我的一般陈述___ ___ 0。

兴奋的信念

  • 名称“名称”
  • 版本书“版本”
  • Kiyonito平民案例书版“版”
  • 详细说明“图纸”
{
  "name": "copy_tt",
  "version": "0.1",
  "description": "copy title and url",
  "manifest_version": 2
}

除此之外您还允许以注凡城各种信呼吸如图标,SHORT_NAME,在此征求站在此处查看。

偶尔天气,外部缩写,东,西,需要备注项目,后续续。

权限

在主要部分期间,对绘图的绘图需求的需求有限。传入的个人时间,我声明明你要需要两个无限才能需要问题→URL→复制到达盘子过程。

  • 访问Illustrative卡卡“activeTab”
  • 额外重复到达板“clipboardWrite”
{
  "permissions": [
    "clipboardWrite",
    "activeTab"
  ]
}

您还允许以声晃其他各种权的限制,导致此请三阅此处信息的同意,详细部。

背景

定义的行为场景,场景,误解。我处于这种情况,我已经建立了一个站。

  • 设计编剧超越“剧本”使用
  • 编剧法律/准确性___ ___ 0

毕竟,总是动动它时一个种负负责,所以我们认为金可能胜耐力设置货币和假Zeyoshimi方式。

{
  "background":  {
    "scripts": ["background.js"],
    "persistant": false
  }
}

复制操作

站在谷歌浏览器网址栏中,您会Miita您正站在特定的用途扩展Hodojo特定的标记,忠这一级,请勿使用图标等,仅需暂时注萨都该名称立即允许。

{
  "browser_action": {
      "name": "Copy"
  }
}

情况简要说明。所有权所有权偶尔在上述项目时,承销。

# manifest.json
{
  "name": "copy_tt",
  "version": "0.1",
  "description": "copy title and url",
  "permissions": [
    "clipboardWrite",
    "activeTab"
  ],
  "background":  {
    "scripts": ["background.js"],
    "persistant": false
  },
  "browser_action": {
      "name": "Copy"
  },
  "manifest_version": 2
}

2.创意单件实用的Javascript案例

从属,我的manifest.json中创建背景所指定的background.js。主要加工印刷___ ___ 0 Ikkori,我是上帝根请看需求栏目。我要去下一代。

// background.js
chrome.browserAction.onClicked.addListener(function(tab) {
    chrome.tabs.executeScript({
        code: `
            var bgElement = document.createElement('div');
            var s = bgElement.style;
            s.position = 'fixed';
            s.left = '-100%';
            var title = document.title;
            var url = window.location.href;
            bgElement.appendChild(document.createElement('pre')).textContent = title;
            bgElement.appendChild(document.createElement('pre')).textContent = url;
            document.body.appendChild(bgElement);
            document.getSelection().selectAllChildren(bgElement);
            var result = document.execCommand('copy');
            document.body.removeChild(bgElement);
        `
    });

    chrome.browserAction.setBadgeText({
        tabId: tab.id,
        text: 'Copy'
    });
    setTimeout(function(){
        chrome.browserAction.setBadgeText({
            tabId: tab.id,
            text: ''
        });
    }, 1000);

});
chrome.browserAction.onClicked.addListener(function(tab) { ... });

Ikkuri,我是___ ___ ___ 0的来源。三个完整的工作完成。

chrome.tabs.executeScript({ ... });

记者,我很感谢你。

chrome.browserAction.setBadgeText({ ... });
setTimeout(function(){ ... }, 1000);

在这个例子中,我们被告知你被告知失踪的地方___ ___ 0 ___ ___ 0 ___ ___ 0 对不起,我会通知你,我会通知你,我已经决定当我被迫更换“Reproduction”并行1秒。

3.将来谷歌Chrome

取消抵押品赎回权,我们一般包含在内

1.颈部,访问chrome:// extensions / Parallel Open Upward Developer Scheme

2.选择□Load Loading Unpacked Consolidated Warehouse

你一定要查看展览名称,

包括在含含含含量的右侧 Yuusuan这次未配置图ID,因子___ ___ 0 ___ 0 ___ 0 ___ 0

无论你在哪里,有多少联系点,回复和预订图标准标准和URL,其他已经完成。

到达后

___ 1个主要的谷歌Chrome添加剂扩展课程,用于自私。奖励老板的好处,我很遗憾地通知您使用当地的区域提供服务,其他人在其他地方满意度高的自我工作效率。

绝对是自制的!

标签:
来源: https://ajike.github.io/build-chrome-extension/

专注分享技术,共同学习,共同进步。侵权联系[admin#icode9.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有