全网最详细的谷歌插件开发小册📚（2)

chrome.tabs.create({url: "http://www.example.com"});

chrome.bookmarks.create({
    'parentId': '1',
    'title': 'Extension bookmarks',
    'url': 'http://www.example.com'
});

chrome.notifications.create({
    type: 'basic',
    iconUrl: 'icon.png',
    title: 'Notification title',
    message: 'Notification message'
});

chrome.webRequest.onBeforeRequest.addListener(
    function(details) { console.log(details.url); },
    {urls: ["<all_urls>"]},
    ["blocking"]
);

// 保存数据
chrome.storage.sync.set({ key: value }, function() {
    console.log("Data saved.");
});
// 读取数据
chrome.storage.sync.get("key", function(result) {
    console.log("Data retrieved: ", result.key);
});

// 创建定时任务
chrome.alarms.create("alarmName", { delayInMinutes: 10 });
// 监听定时任务触发事件
chrome.alarms.onAlarm.addListener(function(alarm) {
    console.log("Alarm triggered: ", alarm);
});

// 创建上下文菜单
chrome.contextMenus.create({
    id: "menuItemId",
    title: "Menu Item",
    contexts: ["page"]
});
// 监听菜单项点击事件
chrome.contextMenus.onClicked.addListener(function(info, tab) {
    console.log("Menu item clicked: ", info.menuItemId);
});

// Content script
// 监听来自插件的消息
chrome.runtime.onMessage.addListener(function(message, sender, sendResponse) {
    if (message.action === "changeColor") {
        // 修改网页元素的颜色
        document.body.style.backgroundColor = message.color;
        sendResponse({ message: "Color changed!" });
    }
});
// 向插件发送消息
chrome.runtime.sendMessage({ action: "getData" }, function(response) {
    console.log("Data received from plugin: ", response.data);
});

// Background script
// 向内容脚本发送消息
chrome.tabs.query({ active: true, currentWindow: true }, function(tabs) {
    chrome.tabs.sendMessage(tabs[0].id, { action: "changeColor", color: "#FF0000" }, function(response) {
        console.log("Response from content script: ", response.message);
    });
});
// 监听来自内容脚本的消息
chrome.runtime.onMessage.addListener(function(message, sender, sendResponse) {
    if (message.action === "getData") {
        // 获取数据并发送给内容脚本
        sendResponse({ data: "Some data from plugin" });
    }
});

// 保存数据
chrome.storage.sync.set({ key: value }, function() {
    console.log("Data saved.");
});
// 读取数据
chrome.storage.sync.get("key", function(result) {
    console.log("Data retrieved: ", result.key);
});

{
  "pluginTitle": {
    "message": "My Plugin"
  },
  "greeting": {
    "message": "Hello, world!"
  }
}

4. 在插件的代码中使用 `chrome.i18n.getMessage` 方法来获取对应语言的翻译。
  ```javascript
  // 获取插件标题的翻译
  var pluginTitle = chrome.i18n.getMessage("pluginTitle");
  // 获取问候语的翻译
  var greeting = chrome.i18n.getMessage("greeting");

{
  "name": "My Plugin",
  ...
  "default_locale": "en",
  ...
}

console.log("Variable value:", variable);

function myFunction() {
    // ...
    debugger;
    // ...
}

chrome.runtime.onInstalled.addListener(function(details) {
    if (details.reason == "install") {
        console.log("Extension installed.");
    } else if (details.reason == "update") {
        console.log("Extension updated.");
    }
});

describe("MyPlugin", function() {
    it("should do something", function() {
        expect(myPlugin.doSomething()).toBe(true);
    });
    it("should handle async operations", function(done) {
        myPlugin.doAsyncOperation(function(result) {
            expect(result).toBe(true);
            done();
        });
    });
});

const { Builder, By, Key } = require("selenium-webdriver");
async function myTest() {
    let driver = await new Builder().forBrowser("chrome").build();
    try {
        await driver.get("https://www.example.com");
        await driver.findElement(By.name("q")).sendKeys("test", Key.ENTER);
        let title = await driver.getTitle();
        console.log("Page title:", title);
    } finally {
        await driver.quit();
    }
}
myTest();

{
  "manifest_version": 2,
  "version": "1.0.0",
  ...
}

try {
  // 代码块可能抛出错误的部分
} catch (error) {
  console.error("An error occurred:", error);
}

{
  "manifest_version": 2,
  "permissions": [
    "storage",
    "tabs"
  ],
  ...
}