javascript - Chrome 扩展程序逻辑不起作用

Question

我已成功让大部分 Chrome 扩展程序正常运行，但有一个问题我无法解决。

你可以抢到here如果您愿意，请将其作为未打包的扩展加载。

加载后，它的工作方式如下。

1. 系统会提示您需要在选项页面上输入 URL。

2. 您按照要求在选项页面上输入一个 URL(例如 http://example.com)并单击“保存”，然后当您单击工具栏中的图标时，您可以看到网页出现在弹出窗口中。

3. 如果您随后从选项页面中删除该 URL 并单击“保存”，则弹出窗口不会显示他们在开始时看到的原始提示页面。

我认为这段代码(来自 popup.js)有问题，但我不明白为什么它不起作用。

var url = localStorage.url;
var alturl = chrome.extension.getURL("need-to-enter-url.html");
var element = document.getElementById("testerURL");

if (url != undefined || url != null) {

element.src = url;

} else {

element.src = alturl;
};

Answer 1

当您“删除”url 时，您实际上保存的是一个空字符串。 localStorage.url = "" 因此您的值检查失败。我还建议调整 if 逻辑使其更清晰。

使用这样的东西:

if (url === undefined || url === null || url === "") {
    element.src = alturl;
} else {
    element.src = url;
}

您可以选择依赖 JavaScript's truthiness .

if (url) {
    element.src = url;
} else {
    element.src = alturl;
}