Chrome插件开发相关问题


chrome开发相关资料

由于最近搜集资料和图片较多,经常对一些精美的图片想要右键直接同步到git上,但是需求过于小,没有找到合适的插件,于是打算自己倒腾,接下来在学习的过程中主要以开发一款能够右键保存图像到git仓库或者远程应用的插件。

Chrome插件(Extensions)开发攻略

Developer’s Guide

JavaScript APIs

Tutorial: Debugging

Overview

Getting Started: Building a Chrome Extension

一些实例

Sample Extensions

What are extensions?

书籍

如何成为一名Chrome应用开发者

Chrome扩展及应用开发(首发版)

相关参考程序

  • 一款书签应用

iBookmark

调试问题

命令行安装插件

/Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome --enable-easy-off-store-extension-install extensionPath

Mac 命令行安装Chrome插件

background调试相关

插件上的弹出框较好调试,但是background.js任务的调试需要在chrome://extension中点击审查background任务即可。

debug background.js in chrome extension

How to debug Google Chrome background script? [duplicate]

Chrome extension 各個運作 context 下的 debug 方法

web

permissions

"webRequest",
"webRequestBlocking"
var xhr = new XMLHttpRequest();
xhr.open("GET", "http://115.159.26.93/lock_passwd_dynamic_check_app/date_passwd_room_delay?room=1234&admin_passwd=123456", true);
xhr.onreadystatechange = function() {
    if (xhr.readyState == 4) {
        // JSON解析器不会执行攻击者设计的脚本.
        var resp = JSON.parse(xhr.responseText);
        console.error(resp)
    }
};
xhr.send();

Chrome 扩展:你没有使用屏蔽 web request侦听器的权限

chrome.webRequest

跨域 XMLHttpRequest 请求

Chrome 扩展开发文档

通知栏

// 创建一个简单的文字通知:
var opt = {
    type: "basic",
    title: "Primary Title",
    message: "Primary message to display",
    iconUrl: "48.png"
};
var notification = new Notification("Primary title", opt);

Rich Notifications

Chrome desktop notification example [closed]

chrome.notifications

chrome复制文本到剪切板中

function copyToClipboard(text) {
  const input = document.createElement('input');
  input.style.position = 'fixed';
  input.style.opacity = 0;
  input.value = text;
  document.body.appendChild(input);
  input.select();
  document.execCommand('Copy');
  document.body.removeChild(input);
};

Copy to Clipboard in Chrome Extension

Copy To Clipboard in Google Chrome Extensions