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

Question

我正忙于开发 chrome 扩展。

它将做什么：

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

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

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

我的问题：

当我单击该按钮时，什么也没有发生。当我使用 XMLHttpRequest 中的变量“newvar”而不是变量“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;// <- 不需要。 user_data = xmlhttp.responseText 意味着 user_data 对此窗口是全局的。
window.currenttheme = currenttheme.toString(); <<- 也不需要

downdata[1] 是一个字符串，因此替换

currenttheme = downdata[1].toString();

为

currenttheme = downdata[1];

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