如何避免通过关键词调用书签工具后地址栏显示JS代码？

问题描述 #

在Firefox中使用格式为javascript:(function(){ [对当前页面执行操作]; })();的书签工具时，通过地址栏关键词直接调用会出现以下问题：工具能正常作用于网页，但地址栏会显示书签工具的JavaScript文本，而非原网站URL。

尝试在工具的function(){}末尾添加history.replaceState({},'',window.location.protocol + '//' + window.location.hostname + window.location.pathname);后，地址栏仍显示JS文本，但复制或刷新窗口后原URL的查询参数已被移除——说明replaceState已生效，但地址栏文本未同步更新。

需要找到无需强制整页重载，让地址栏文本刷新为当前页面window.location.href的方法。

可行解决方案 #

1. 隐藏iframe中转法（推荐） #

通过创建隐藏的iframe执行replaceState操作，绕开Firefox的地址栏显示限制，示例代码如下：

javascript:(function(){
  // 写入你的原有页面操作代码
  /* [对当前页面执行操作]; */

  // 处理地址栏显示同步
  const iframe = document.createElement('iframe');
  iframe.style.display = 'none';
  iframe.src = 'about:blank';
  iframe.onload = function() {
    iframe.contentWindow.history.replaceState({}, '', window.location.href);
    document.body.removeChild(iframe);
  };
  document.body.appendChild(iframe);
})();

原理：iframe的历史操作属于独立上下文，浏览器会将其状态变更同步到地址栏，不会被地址栏的JS代码覆盖。

2. 触发popstate事件法（简化版） #

直接调用replaceState后触发popstate事件，强制浏览器同步地址栏显示（部分Firefox版本可能不稳定）：

javascript:(function(){
  // 写入你的原有页面操作代码
  /* [对当前页面执行操作]; */

  const currentUrl = window.location.href;
  history.replaceState({}, '', currentUrl);
  window.dispatchEvent(new PopStateEvent('popstate'));
})();

关键说明 #

Firefox对地址栏直接输入的JS代码有特殊安全限制，主上下文的replaceState操作仅会修改历史状态，不会同步更新地址栏显示。通过iframe中转的方式可以合法触发地址栏的显示同步，且无需页面重载。

内容的提问来源于stack exchange，提问作者las1817