如何在开发模式下隐藏浏览器视图中链接后显示的 URL

Question

嗨，我是RoR的新手，正在使用Rails 3.2.8来开发我的应用程序。当我测试我的页面时，所有链接后都会自动显示一个 URL 地址。例如<%= link_to 'Home'，root_path %> 将在浏览器中生成一个视图，如 Home（/），尽管 （/） 不是可以在页面源代码中找到的元素。我相信这是因为我处于开发模式？有没有办法关闭此功能？谢谢！

这是我的代码：

<ul>
<li><%= link_to "Home", root_path %></li>
<li><%= link_to "About", about_path %></li>
<li><%= link_to "Contact", contact_path %></li>
</ul>

这是生成的实际 html 代码：

<ul>
<li><a href="/">Home</a></li>
<li><a href="/about">About</a></li>
<li><a href="/contact">Contact</a></li>
</ul>

你可以看到这是完全正常的...这让我相信这不是编码问题。但是，当进入浏览器时，它显示为

• 首页（/）
关于
• （/关于）
联系人
• （/联系人）

我确实想知道（/url）部分来自哪里...以及如何摆脱它。

以下是我使用的JS文件：

<script src="/assets/application.js?body=1" type="text/javascript"></script>
<script src="/assets/jquery-1.8.0.min.js?body=1" type="text/javascript"></script>
<script src="/assets/jquery-ui-1.8.23.custom.min.js?body=1" type="text/javascript">        </script>
<script src="/assets/autocomplete-rails.js?body=1" type="text/javascript"></script>
<script src="/assets/rails.js?body=1" type="text/javascript"></script>

Rails JS是rails-ujs脚本

Answer 1

多亏了@Samiron，终于弄清楚了原因。蓝图 css 库有一个为打印版本定义的样式表，并且在那里有代码：

/*
This has been the source of many questions in the past. This
snippet of CSS appends the URL of each link within the text.
The idea is that users printing your webpage will want to know
the URLs they go to. If you want to remove this functionality,
comment out this snippet and make sure to re-compress your files.
*/
a:link:after, a:visited:after {
  content: " (" attr(href) ")";
font-size: 90%;
}