通过html / css更改锚标记的href

时间:2015-11-18 13:46:28

标签: javascript html css anchor

我有一个网页(比如http://www.example1.com),其中包含指向不同网站的锚标记(例如http://www.example2.com)。我必须在发布它之前在测试服务器上测试它(网址是www.example1-test.com和example2-test.com)。当代码在example1-test.com上时,链接应该指向example2-test.com,当它在example1.com上时,它应该指向example2.com。

但我在切换服务器时无法使用JavaScript或手动更改代码。我只能使用html和css。有没有办法做到这一点?

我知道这是一个奇怪的问题,css用于样式而不是编写逻辑但我不能使用JavaScript,除非有一种方法可以在浏览器中通过一些html标签启用JavaScript。(比如一些meta标签,等)

我可以在两个单独的链接中指向相应的example1.com和example2.com并根据环境进行显示/隐藏,但问题是我在哪里放置这些条件(不能使用JavaScript)。

1 个答案:

答案 0 :(得分:0)

对于测试我曾经change my hosts file并将实时域重定向到内部网络上的测试IP。我关注链接,我的浏览器认为我正在点击example2.com但实际上我的主机文件指向example2-test.com的IP并且我看到了新的功能。当两者都上线时,我知道访问者确实经历了我刚刚测试过但使用实时DNS。

现在,我的应用程序中的URL是使用路由和环境生成的。我可以具体告诉我的框架,在开发环境中,我希望使用XYZ基础生成URL,但在生产中表现不同。

另一个选项是Greasemonkey scripts。它是一个浏览器插件,可以根据命令执行脚本来操作页面,导航,自动化等等。

如果不使用Javascript或浏览器插件,我无法想到以客户端方式实现您正在寻找的东西。