我经常使用网页的三种变体，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
然后，如果我再次单击该链接，我希望页面重新加载并在相同或新窗口/选项卡中返回以下开发网址：
https://dev.mysite.com/cf#/content/www/page1.html
因此，当我在开发、测试和访问页面的实时版本时更改 url 的这些变体时，我基本上希望避免大量的剪切/复制和粘贴。
这是我到目前为止的地方..停留在它最基本的方面，如果在开发页面上，重新加载到预览页面：
由 joewiz.org “fixing-urls-with-dns-errors” 和 Stack user63503 中的“如何用 JavaScript 替换部分 URL？”的方法的变体。并且还尝试了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 的特定部分，更不用说根据当前浏览器的位置添加重新加载到开发、预览、实时的规则了。
我意识到已经提出了非常相似的问题，但恐怕我无法从我发现的问题中推断出可操作的信息。但是，如果您觉得以前的帖子相关，请告诉我，我会去那里学习。
非常感谢大家！！