我用于注入 css 的 chrome 扩展不起作用

Question

我正忙着开发一个 chrome 扩展。

它将做什么：

1. 从 PHP 页面获取数据 (XMLHttpRequest)

2. 使用 .split 拆分结果变量

3. 当有人点击一个 div 时，它会调用一个函数来插入一个我在编号 1 中得到的名称的 css 文件。

我的问题：

当我单击该按钮时，什么也没有发生。当我使用变量“newvar”而不是 XMLHttpRequest 中的变量“currenttheme”时，它可以工作。我也尝试使用 .toString 将其转换为字符串。哦，警告变量确实有效，并且给出了与 newvar 完全相同的响应。

我的代码：（叹气！）

//My XMLHttpRequest
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    user_data = xmlhttp.responseText;
    window.user_data = user_data;
    processdata();
    }
  }
xmlhttp.open("GET","http://localhost:8888/myphppage.php",true);
xmlhttp.send();

function processdata() {
//split result variable from PHP
var downdata = user_data.split('|||||');
var installedthemes = downdata[0];
currenttheme = downdata[1].toString();
window.currenttheme = currenttheme.toString();
}

function click(e) {
  newvar = "001";
  //insert css - works with variable newvar but not with this one
  chrome.tabs.insertCSS(null,
  {file:currenttheme + ".css"});
  //alerting the variable works, exactly the same as newvar
  alert (currenttheme);
}

document.addEventListener('DOMContentLoaded', function () {
   var divs = document.querySelectorAll('div');
  for (var i = 0; i < divs.length; i++) {
    divs[i].addEventListener('click', click);
  }
});

Answer 1

window.user_data = user_data;//

也 downdata[1] 是一个字符串所以替换

currenttheme = downdata[1].toString();

与

currenttheme = downdata[1];

如果这没有帮助，请尝试 alert(currenttheme);看看你是否得到了所需的主题名称，因为有时 PHP 可能会抛出错误并死掉，这可能不会产生“|||||”。检查 php 输出并提醒 xmlhttp.responseText 是否一切正常。