300x250
현재 나는 아이폰을 사용하고 있다.
어느날 퇴근길 전철에서 급하게 홈페이지 소스를 확인해야할 게 있어서 아이폰으로 소스보기를 하려고 했는데 소스 보는 곳이 없었다. 아이폰에 소스 보는 기능이 없다는 걸 그 때 알았다. PC처럼 개발자 모드가 있는 줄 알았지만 그런 기능은 없어 보였다. 그래서 방법을 찾아봤다.
찾아보니 아이폰에서 소스코드 보는 방법이 따로 있었다.
아이폰으로 홈페이지(html) 소스코드 보는방법
1. 사파리로 접속하여 소스코드 보려는 홈페이지를 책갈피 추가한다.
2. 책갈피 추가 후 책갈피 편집에 들어가 책갈피 이름과 주소 링크를 수정한다.
주소 링크는 다음 1), 2) 두 개의 자바 스크립트 코드 중 하나로 바꾼다.
1)
javascript:var sourceWindow = window.open('about:blank');var newDoc = sourceWindow.document;newDoc.open();newDoc.write('' + 'Source of ' +document.location.href + '' +'');newDoc.close();var pre = newDoc.body.appendChild(newDoc.createElement("pre"));pre.appendChild(newDoc.createTextNode(document.documentElement.innerHTML));
2)
javascript:(function()%7 Bvar% 20d%3 Ddocument% 2Cs% 2Ce%3 Bvar% 20el% 3Dd.getElementById('snpy')%3 Bif(typeof%20 Snoopy!%3 D'undefined')%7 BSnoopy.toggle()%3 Breturn%7 Delse%20if(el)%7 Bel.className% 3D%2 Fclosed% 2F.test(el.className)%3 Fel.className.replace('closed'%2C'')%3 Ael.className%2B'%20 closed'%3 Breturn% 7Ds% 3Dd.createElement('link')% 3Bs.setAttribute('href'% 2C'http% 3A% 2F% 2Fsnoopy-assets.allmarkedup.com%2Fsnoopy-min.css')% 3Bs.setAttribute('rel'%2 C'stylesheet')% 3Bs.setAttribute('type'% 2C'text%2 Fcss')% 3Bd.getElementsByTagName('head')%5B0% 5D.appendChild(s)% 3Be% 3Dd.createElement('script')% 3Be.setAttribute('src'% 2C'http% 3A% 2F% 2Fsnoopy-assets.allmarkedup.com%2Fsnoopy-min.js')% 3Bd.getElementsByTagName('body')%5B0% 5D.appendChild(e)% 7D)()%3B
여기서 주의해할 점은 링크 수정한다는게 기존에 저장된 링크 뒤에 붙여 놓는 것이 아닌 편집창에 적힌 링크 주소 '지우고' 자바스크립트 코드를 붙여 놓아야 한다.
3. 저장 후 바뀐 책갈피 링크를 접속하면
아래 사진과 같이 페이지 소스코드가 보이는 것을 볼 수 있다.
