JavaScript书签工具正则^锚点失效，window.open打开错误URL

问题分析 #

你遇到的情况是：单独执行URL替换逻辑能得到正确结果，但封装进书签工具后，window.open会错误地把新URL当成相对路径拼接到原URL后，生成了不符合预期的地址。

解决方案 #

方案1：使用原生URL API（推荐） #

直接通过浏览器原生的URL对象修改域名，这种方式比正则匹配更可靠，能完全规避正则匹配可能出现的意外问题：

javascript:(function(){
  const currentUrl = new URL(window.location.href);
  currentUrl.hostname = 'dev.abc-1-de.net';
  window.open(currentUrl.toString(), '_blank');
})();

方案2：优化正则匹配逻辑 #

如果坚持使用正则方案，先将替换后的URL存入变量，再传入window.open，确保替换逻辑执行结果稳定：

javascript:(function(){
  const newUrl = window.location.href.replace(/^https:\/\/.*?abc.com\//, 'https://dev.abc-1-de.net/');
  window.open(newUrl, '_blank');
})();

原因说明 #

原代码出现问题的可能因素：

• 部分浏览器环境下，书签代码的正则匹配行为和控制台单独执行存在差异，^锚点的匹配逻辑被意外干扰
• 直接将replace结果作为参数传入window.open时，浏览器可能因解析顺序问题，误将绝对URL识别为相对路径
• URL API可以精准操作URL的各个组成部分（hostname、pathname等），完全避免正则匹配的不确定性，是处理URL修改的最优方式

内容的提问来源于stack exchange，提问作者A Semi Tree