[Polyfill] beforescriptexecute, beforescriptexecute 이벤트의 폴리필

웹/JS 2020. 10. 11. 22:29

beforescriptexecute 이벤트를 활용하면 JS 로딩전에 JS를 내 마음대로 조작시킬 수 있습니다. (JS 로딩자체를 없애버리거나 안의 변수 이름, 내용등을 Replace 해버릴 수 있습니다) TamperMonkey, GreaseMonkey 같은 것에서 사용하면 거의 왠만한 사이트를 내 마음대로 조작이 가능해집니다. 하지만 사진 이 이벤트가 파이어 폭스 이외엔 제대로 작동하지 않는것으로 알려져 있습니다. 크롬에서도 작동시키려면 아래 주소의 Polyfill을 사용하면 됩니다. gist.github.com/maple3142/c6593f0aff180bc0e4be5d549259da2c polyfill of 'beforescriptexecute' event polyfill of 'beforescript..

Article Thumbnail
티스토리 본문 부분 나눔고딕 폰트로 변경하기

웹/HTML + CSS 2020. 10. 10. 20:46

빨강 본문 부분 폰트를 나눔고딕으로 변경하는 코드입니다. 노트북 FHD해상도에 배율 125%로 볼땐 본문 진한 글씨가 깔끔하게 보였는데 제 PC로 보니깐 티스토리 기본 글꼴에서 진한 글씨가 지저분하게 보여서 본문폰트 바꾸는 코드를 만들었습니다. (본문만 바꾸는 이유는 블로그 처음들어왔을때 제목으로 표시되는건 티스토리 기본 폰트가 더 나아서 그렇게 했습니다.) 티스토리 설정 - 스킨편집 - HTMl 편집에 들어가셔서 /* 본문 글꼴 - 나눔고딕 설정 */ @import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic&display=swap'); .area_view{ font-family: 'Nanum Gothic', sans-serif; } CSS ..

Article Thumbnail
브라우저의 속성 지원 확인 사이트 CAN I USE

웹/HTML + CSS 2020. 10. 6. 23:57

caniuse.com/ Can I use... Support tables for HTML5, CSS3, etc If a feature you're looking for is not available on the site, you can vote to have it included. Better yet, if you've done the research you can even submit it yourself! caniuse.com CSS, HTML 등 다양한 속성들에서 브라우저의 호환성과 전세계 사람들이 그 기능을 얼마나 사용가능한지 확인 가능합니다. CSS의 GRID기능을 예로 하자면 Global의 95.89%는 전세계 인터넷 사용자들의 95.89%가 Grid Template기능을 이용가능하단 겁니다...

Article Thumbnail
웹사이트가 사용하는 태그 통계 사이트

웹/HTML + CSS 2020. 10. 4. 18:18

www.advancedwebranking.com/html/ The average web page from top twenty Google results Apparently, an average web page uses twenty-eight different element types: The twenty-eight elements used on most pages, ordered by appearance frequency: www.advancedwebranking.com 구글에서 제공중입니다. 사이트에서 25~30개의 태그를 사용하는 사이트가 가장 많군요..

Article Thumbnail
[크롬] Paused in debugger 간단 해결하기

웹/HTML + CSS 2019. 12. 7. 15:08

크롬에서 개발자 도구로 디버깅을 하다보면 위와 같은 메세지가 뜨는데요. 스크립트 때문에 자동 BreakPoint가 걸리는 문제인데 인터넷에 찾아도 오래전 글밖에 없길레 제가 직접 해결방법을 작성합니다. 해결방법은 아주 간단합니다. 크롬 Sources 탭으로 가서 사진에 빨간색으로 표시된 부분을 사진처럼 파란색으로 켜주시면 됩니다 이 창은 크롬 내부에서 F12를 누르면 열 수 있습니다. 저렇게 해두면 Breakpoint 를 끄게 되어 paused in debugger 가 발생하지 않게 됩니다 ^^

Article Thumbnail