archives

원문 : https://developer.chrome.com/extensions/autoupdate 자동 업데이트.개발자들은 본인이 개발한 익스텐션이나 앱들을 자동으로 업데이트하길 원합니다. 버그나 보안취약점을 고치고, 기능을 추가하고, 성능을 향상시키고 유저 인터페이스 등을 개선하기 위해서죠. 혹시 이미 Chrome Developer Dashboard를 이용해서 배포할줄 안다면, 더이상 안 읽어보셔도 됩니다. 왜냐하면 Chrome Developer Dashboard를 이용하면 크롬 웹스토어와 똑같이 앱을 업데이트하고 배포할수 있기 때문이죠. 스토어말고 다른곳에서 호스팅하고 싶으면 계속 읽으세요. Hosting과 Packing도 읽어야 할 겁니다.주의 : M33이후로 윈도우 유저들은 크롬 웹 스토어에서만..

원문 : https://developer.chrome.com/extensions/content_scripts Content Scripts는 웹 페이지의 안에서 돌아가는 자바스크립트 파일입니다. 표준 DOM을 사용해서 브라우저가 방문한 웹 페이지의 정보를 읽거나, 변화를 만들어 낼 수 있습니다. 아래에 content scripts가 할수 있는 것들이 있습니다. 1. 하이퍼링크로 처리되지 않은 url들을 하이퍼링크로 만들기.2. 읽기 쉽게 폰트 사이즈 키우기.3. DOM의 microformat data 찾고 변경하기. content scripts는 몇가지 제한이 있습니다. 아래는 content scripts가 할수 없는 것들입니다. 1. 아래를 제외한 크롬 api사용하기.사용할수 있는 것들.extension..

https://developer.chrome.com/extensions/overview 번역 개요. https://developer.chrome.com/extensions/getstarted를 본후에는 익스텐션을 개발할 준비는 끝났다. 기초.크롬 익스텐션은 크롬에 기능들을 추가할 수 있는 압축된 html,css,javascript,image 등등의 파일들의 집합이다. 익스텐션은 본질적으로 웹 페이지이며, 브라우저가 웹 페이지에 제공하는 XMLHttpRequest부터 html5를 위한 JSON까지 api들을 사용할수 있다. 익스텐션은 다른 웹 페이지나 서버와 content script나 cross-origin XMLHttpRequests를 사용해서 통신할 수 있다. 또한 bookmarks나 tabs같은 브..

http://taligarsiel.com/Projects/howbrowserswork1.htm#Parsing_general 의 내용을 복붙해놓음. 놔두고 계속 읽어야지. 추가 : 아니..... 영어 해석해서 대부분 읽었는데 이미 네이버에서 번역본을 출간해놨었다.... 갓네이버... 번역본 : http://d2.naver.com/helloworld/59361 How browsers workBehind the scenes of modern web browsers Safeguarded by Incapsula IntroductionThe browsers we will talk aboutThe browser's main functionalityThe browser's high level structureCommu..

https://developer.chrome.com/extensions/getstarted 번역 크롬 익스텐션은 크롬에 대해 깊이 파지 않고도 기능들을 추가할수 있게 해준다. 웹 개발에 쓰이는 언어인 HTML, CSS, Javascript로 크롬 익스텐션을 만들수 있다. 웹 페이지를 만들어본 경험이 있으면 크롬 익스텐션을 매우 빨리 만들수 있다는걸 알수 있을것이다. 연습으로 이미지를 가져오는 크롬 익스텐션을 한번 만들어보면서 한단계씩 배워보자. brower action이라고 불리는 걸로 UI를 만들거다. 이것을 이용해서 주소창 오른쪽에 생기게 되는 버튼을 만들수 있다.(아래 사진입니다.) 이 버튼을 누르게 되면 익스텐션을 실행할수 있다. 버튼을 누르면 현재 화면의 코드속에 있는 주소에서 가져온 이미지를 ..