웹 페이지의 모든 링크를 짧은 URL로 변환하는 방법?

Question

나는 짧은 URL을 위해 웹 페이지의 모든 URL을 변경하고 싶다. (어떤 서비스 든 알고있는 URL이 좋을 것이다.) 웹 페이지의 태그에 링크 된 간단한 자바 스크립트 파일로 할 수 있다고 생각한다. 내가 맞습니까? 서비스를 통해이 작업을 수행 할 수 있습니까? 감사!

P. 아이디어는 웹 페이지에 URL을 쓰거나 페이지 자체가 작성했기 때문에 URL이 표시되면 일부 스크립트 나 서비스가 모두 짧은 링크로 변경되므로 실제 링크가 웹 페이지에 표시되지 않습니다. 가능한 한 사용자가 실제 링크를 볼 수 없도록하고 싶습니다. URL을 축소하고 사용자가 따르는 서비스를 사용할 수있는 것이 바람직합니다. 실제 URL은 사용자의 주소 표시 줄에 나타나지 않습니다. 하지만 이것은 선택 사항입니다 ...

나는 답변을 기다리고 있습니다. 고마워요! :)

편집 - 난 anonym.to 같은 것을 사용하고자하지만, shork 링크 서비스를 봐 :

을 당신이 anonym.to를 사용하는 경우 자바 스크립트 코드 :

<script src="http://js.anonym.to/anonym/anonymize.js" type="text/javascript"></script> 

<script type="text/javascript"><!-- 
protected_links = ""; 

auto_anonymize(); 
//--></script> 

는 것 익명을 가진 웹 페이지의 모든 링크를 변경하십시오. 링크, 나하고 싶습니다. 동일한 URL을 사용하지만 일부 유명한 URL 단축 서비스를 사용하면 어떻게됩니까? 감사!

Answer 1

프로그래밍 방식으로 또는 수동으로 (사용자가 생성 한 다음 페이지에로드 할 때) 원하는지에 따라 다릅니다. Goo.gl goo.gl에 google API를 사용하면됩니다. jquery를 통해 모든 링크를 가져온 다음 iterate를 통해 google API로 짧은 URL로 바꿀 수 있습니다. 페이지에 기본으로 포함 된 항목은 소스에서 계속 볼 수 있지만 마우스를 올려 놓거나 클릭하면 표시되지 않습니다. AJAX 호출을 통해 콘텐츠를로드하는 경우 링크를 페이지에 기록하기 전에 편집 할 수 있습니다.

Answer 2

링크를 숨기는 방법을 변경하면 해결할 수 있습니까? 이것은 매우 바람직하지 않은 것 같다 (모두 호스트와 방문자의 관점에서) 링크를 숨기려면, 그러나 이것은 당신이 좋아하는 것 (만 JS를 지원하는 브라우저에서 지원되지 것) 일을 할 수 있습니다 :

var links = document.getElementsByTagName('a'); 
for (var l = 0; l < links.length; l++){ 
    links[l].rel = links[l].href; 
    links[l].href = '#'; 

    if (links[l].addEventListener) { 
     links[l].addEventListener("click",myClick,false); 

    } else if (links[l].attachEvent) { 
     links[l].attachEvent("onclick",myClick); 
    } else { 
     links[l].onclick = myClick; 
    } 
} 
function myClick(e){ 
    window.location = this.rel; 
    return false; 
} 

예를 들어 작업 : http://www.jsfiddle.net/bsU8n/