javascript - Rails，如何创建 "google like"(URL 预览)link_to

Question

我想在 Rails 中创建 link_to “google like”。

让我解释一下。

在简单的谷歌搜索页面上 http://www.google.com/search?hl=en&source=hp&biw=1280&bih=658&q=stackoverflow&oq=stackoverflow&aq=f&aqi=g10&aql=1&gs_sm=e&gs_upl=65l2231l0l2364l13l13l0l5l5l1l297l1698l1.2.5l8l0

对于普通用户来说，一切看起来都很漂亮。

预览网址为 stackoverflow.com

但是当我点击复制链接位置时，我得到了这个地址 http://www.google.com/url?sa=t&rct=j&q=stackoverflow&source=web&cd=1&ved=0CC8QFjAA&url=http%3A%2F%2Fstackoverflow.com%2F&ei=JVOpTra5M-Pi4QT1pPwk&usg=AFQjCNERidL9Hb6OvGW93_Y6MRj3aTdMVA&sig2=_ARyobDs5AzfZw4YwBNg1g

如何在 Rails 中使用 JS 或 Coffescript 控制 link_to 的 URL 预览？有人可以为这个问题提供一些解决方案吗？

Answer 1

原始链接引用是“漂亮版本”，但 mousedown 事件会更改 URL，以使用 JavaScript 重定向到 Google 网站。

原始 HTML:

<a class="l" onmousedown="return rwt(this,'','','','1','AFQjCNERidL9Hb6OvGW93_Y6MRj3aTdMVA','','0CDAQFjAA')" href="http://stackoverflow.com/">

堆栈溢出

鼠标按下事件后(甚至右键单击):

<a class="l" onmousedown="return rwt(this,'','','','1','AFQjCNERidL9Hb6OvGW93_Y6MRj3aTdMVA','','0CDAQFjAA')" href="http://www.google.com/url?sa=t&rct=j&q=&esrc=s&source=web&cd=1&ved=0CDAQFjAA&url=http%3A%2F%2Fstackoverflow.com%2F&ei=aVepTtjwJ4nlsQKTvLHbBQ&usg=AFQjCNERidL9Hb6OvGW93_Y6MRj3aTdMVA">

堆栈溢出

基于 ERB 的模板的未经测试的 JQuery 实现:

$('.l').mousedown(function() {
  $(this).attr("href","<%= url_for(:controller => :redirect, :action => :index) -%>/"+$(this).attr("href"));
});