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

Question

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

我想创建一个链接（书签？），然后我可以添加到我的书签栏，这将更改部分 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>