javascript - 我需要在 chrome 扩展中为不同的 url 弹出不同的 html 页面

Question

例如，如果有人在 google.com 上，我需要弹出一个不同的页面，如果有人在 xyz.com 上，我需要弹出一个不同的页面。这可能吗？

Answer 1

正如 wOxxOm 所建议的，拥有一个包含多个部分的弹出页面并根据需要隐藏/显示它们可能是更好的解决方案。

从所有隐藏的开始，并在运行时做出决定:

document.addEventListener("DOMContentLoaded", function() {
  chrome.tabs.query({active: true, currentWindow: true}, function(tabs) {
    // Note: this requires "activeTab" permission to access the URL
    if(/* condition on tabs[0].url */) {
      /* Adapt UI for condition 1 */
    } else if (/* ... */) {
      /* Adapt UI for condition 2 */
    }
  });
});

请注意，建议使用 Page Actions而不是只在某些页面上有意义的事情的浏览器操作。