试图使用示例扩展,但我的JS似乎不起作用

时间:2015-12-17 04:23:09

标签: javascript css google-chrome google-chrome-extension

我正在搞乱Page Redder示例扩展,但我无法弄清楚为什么我的JS无法工作。单击扩展名时,原始扩展名会将背景颜色更改为红色。我试图将它改为将它们的CSS选择器找到的某些单词更改为红色,在我的情况下,选择器是“var.d”,这里是JS :(底部的JS是注释的是原始的代码)

// Copyright (c) 2011 The Chromium Authors. All rights reserved.
// Use of this source code is governed by a BSD-style license that can    be
// found in the LICENSE file.

// Called when the user clicks on the browser action.
chrome.browserAction.onClicked.addListener(function(tab) {
// No tabs or host permissions needed!
console.log('Turning ' + tab.url + ' red!');
chrome.tabs.executeScript({
code: 'document.querySelectorAll("var.d");'

for (var i = 0; i < xx.length; i++) {
xx[i].style.color="red";
}

 });
});


// 'document.body.style.backgroundColor="red";

1 个答案:

答案 0 :(得分:1)

您的代码无效,因为for循环未包含在&#34;代码&#34; attiribute和xx变量未声明。

尝试以下代码。只要确保&#34; var.d&#34;选择器确实存在,否则你将得不到任何结果。

chrome.browserAction.onClicked.addListener(function(tab) {
  // No tabs or host permissions needed!
  console.log('Turning ' + tab.url + ' red!');
  chrome.tabs.executeScript({
    code: 'var xx = document.querySelectorAll("var.d"); for (var i = 0; i < xx.length; i++) {xx[i].style.color="red";}'});
  });