| − |
북마클릿은 웹페이지 주소 대신 짧은 [[자바스크립트]] 코드를 북마크에 넣어 필요할 때 실행하는 작은 도구다. [[웹 브라우저]]의 북마크가 다른 곳으로 데려가는 표지판이라면, 북마클릿은 지금 보는 페이지에서 일을 시키는 손잡이에 가깝다. |
| + |
북마클릿은 웹 페이지 주소 대신 짧은 [[자바스크립트]] 코드를 북마크에 넣어 필요할 때 실행하는 작은 도구다. [[웹 브라우저]]의 북마크가 다른 곳으로 데려가는 표지판이라면, 북마클릿은 지금 보는 페이지에서 일을 시키는 손잡이다. |
|
- 하고 싶은 일 하나만 고르자. 글자 크기를 바꾸거나 제목을 확인하는 정도면 비교하기 쉽다. |
|
- 알아볼 수 없는 코드는 실행을 미루고 설명부터 확인하자. |
| − |
북마크의 주소 칸에는 보통 `javascript:`로 시작하는 코드를 저장하지만, 사이트의 콘텐츠 보안 정책에 따라 실행이 막힐 수 있으므로 실패를 곧바로 코드 오류로 판단하지는 말자. 처음 시험할 때는 직접 만든 연습용 [[웹사이트]]를 열고 실행 전후의 차이를 확인하자. 화면의 글자 크기만 바꾸는 코드라면 그 변화는 서버에 저장된 원본을 고친 결과가 아니며, 새로고침 뒤에도 남을지 별도로 확인해야 한다. 반대로 외부 요청이나 저장 동작이 있는 코드는 화면을 닫는 것만으로 그 동작이 취소되지 않으므로, 같은 복구 방법을 적용해서는 안 된다. 함께 쓸 [[도구]]로 건넬 때는 확인한 브라우저와 페이지, 되돌리는 방법을 코드 옆에 적어두자. |
| + |
북마크의 주소 칸에는 보통 `javascript:`로 시작하는 코드를 저장하지만, 웹사이트의 콘텐츠 보안 정책에 따라 실행이 막힐 수 있으므로 실패를 곧바로 코드 오류로 판단하지는 말자. 처음 시험할 때는 직접 만든 연습용 [[웹 페이지]]를 열고 실행 전후의 차이를 확인하자. 화면의 글자 크기만 바꾸는 코드라면 그 변화는 서버에 저장된 원본을 고친 결과가 아니며, 새로고침 뒤에도 남을지 별도로 확인해야 한다. 반대로 외부 요청이나 저장 동작이 있는 코드는 화면을 닫는 것만으로 그 동작이 취소되지 않으므로, 같은 복구 방법을 적용해서는 안 된다. 함께 쓸 [[도구]]로 건넬 때는 확인한 브라우저와 페이지, 되돌리는 방법을 코드 옆에 적어두자. |
|
## 참고 |
|
- [MDN, javascript: URLs](https://developer.mozilla.org/en-US/docs/Web/URI/Reference/Schemes/javascript) |
| − |
#웹 #도구 #자바스크립트 |
| + |
## 기타 등등 |
| + |
|
| + |
- `javascript:` 주소를 실행한 결과가 문자열이면 웹 브라우저가 그 문자열을 새 HTML 문서로 표시할 수 있다. 계산 결과가 문자열로 반환되면 화면이 바뀔 수 있다. [출처](https://developer.mozilla.org/en-US/docs/Web/URI/Reference/Schemes/javascript) |
| + |
- 식 앞에 `void`를 붙이는 관용구는 그런 문자열 결과로 문서가 바뀌는 일을 막기 위한 것이다. [출처](https://developer.mozilla.org/en-US/docs/Web/URI/Reference/Schemes/javascript) |
| + |
|
| + |
#웹 #도구 #자바스크립트 #HTML |