Javascript |用于替换当前窗口位置的链接/书签

Question

我经常使用网页的三种变体，1) 开发网址，2) 预览/暂存网址，以及 3) 实时网址。

我想创建一个链接(小书签？)然后我可以添加到我的书签栏，这将更改部分 URL 字符串(基本上是页面名称)，然后将生成的 URL 加载到新选项卡(如果更容易，则加载到同一选项卡)。

示例:使用 Dev URL 处理页面:

https://dev.mysite.com/cf#/content/www/page1.html

我希望能够单击链接并重新加载页面并在相同或新窗口/选项卡中返回以下暂存 URL:

https://preview2.mysite.com/page1.html

然后如果我再次单击链接，我希望页面重新加载并在相同或新窗口/选项卡中返回以下实时 url:

http://www2.mysite.com/page1.html

然后如果我再次单击链接，我希望页面重新加载并在相同或新的窗口/选项卡中返回以下开发 url:

https://dev.mysite.com/cf#/content/www/page1.html

因此，在开发、测试和访问页面的实时版本时，我基本上希望在更改 url 的这些变体时避免大量剪切/复制和粘贴。

这是我到目前为止的地方..停留在它的最基本方面，如果在开发页面上，请重新加载到预览页面:

joewiz.org 方法的变体 "fixing-urls-with-dns-errors"这个来自 Stack user63503 "how to replace part of the URL with JavaScript?"在还尝试从 W3Schools 中替换 str.replace 之后.

javascript:(function(){window.location.url.replace("dev.mysite.com/cf#/content/www/","preview2.mysite.com/");})();

或

javascript:(function(){window.location.pathname.replace("dev.mysite.com/cf#/content/www/","preview2.mysite.com/");})()

这只是您所知道的步骤之一，我已经卡住了。我尝试了很多变体，但我无法替换 url 的特定部分，更不用说添加规则以根据当前浏览器的位置重新加载到开发、预览、实时。

我意识到已经有人问过非常相似的问题，但恐怕我无法从我找到的问题中推断出可操作的信息。但是，如果您觉得以前的帖子相关，请告诉我，我会去那里学习。

非常感谢大家!!

Answer 1

您的代码应该可以工作。

但是试试这个

javascript:(function(){var loc=location.href;loc=loc.replace('dev.mysite.com/cf#/content/www/','preview2.mysite.com/'); location.replace(loc)})()

请记住将其复制到真实书签的 URL 中 - 我通常会向人们发送一个他们可以从中拖动的网页，因此引号确实很重要:

<a href="javascript:(function(){var loc=location.href;loc=loc.replace('dev.mysite.com/cf#/content/www/','preview2.mysite.com/'); location.replace(loc)})()">ReplaceUrlBM</a>