chrome开发相关资料
由于最近搜集资料和图片较多,经常对一些精美的图片想要右键直接同步到git上,但是需求过于小,没有找到合适的插件,于是打算自己倒腾,接下来在学习的过程中主要以开发一款能够右键保存图像到git仓库或者远程应用的插件。
Getting Started: Building a Chrome Extension
书籍
相关参考程序
- 一款书签应用
调试问题
命令行安装插件
/Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome --enable-easy-off-store-extension-install extensionPath
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侦听器的权限
通知栏
// 创建一个简单的文字通知:
var opt = {
type: "basic",
title: "Primary Title",
message: "Primary message to display",
iconUrl: "48.png"
};
var notification = new Notification("Primary title", opt);
Chrome desktop notification example [closed]
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);
};