웹사이트 코드 변경 크롬 확장프로그램 'User JavaScript and CSS'

크롬 확장프로그램 / User JavaScript and CSS

사이트를 자유롭게 변경하는 크롬 확장프로그램

기능이 간결하면서도 매우 강력하게 적용이 되고 오작동 없이 깔끔하게 사용할 수 있는 확장프로그램입니다.
UI/UX도 매우 직관적으로 잘 되어 있어 사용하기에 용이합니다.

자바스크립트 적용시 라이브러리를 불러와서 적용시켜서 사용할 수 있습니다. 또한 동기화 설정도 가능하여 확장프로그램만 설치하면 어떤 곳에서도 쉽게 사용할 수 있습니다. 비슷한 확장프로그램도 있으나 가장 강력하고 군더더기 없는 우수한 확장프로그램입니다.

 

User JavaScript and CSS on any website

※ Userscript's and userstyle's — simple extension to inject own JavaScript or CSS rules to any page.

Features:

• Instant execution
• Custom libs include
• URL masking allows use one script or CSS on many pages

 

1. 사용 예제 및 옵션 설정

위의 이미지를 참고하여 사용 예제 및 옵션 설정해보세요.

해당 확장프로그램의 사용방법은 간단합니다. 특히, 직접 CSS를 수정할 수 없는 경우에 사이트를 자신의 취향껏 변경해서 사용할 수 있습니다. 예를 들면 티스토리 에디터 내에 카테고리의 높이가 작을 때, 높이를 크게 하면 스크롤 범위가 넓어져 가시성이 좋아집니다.

상위 도메인과 하위 도메인을 구분할 수 있으며, 예외처리도 가능합니다. 자바스크립트만 따로 적용하거나 스타일 시트만 따로 적용할 수 있습니다.

 

2. 확장프로그램 설치 링크

User JavaScript and CSS

위의 링크에서 확장프로그램을 설치할 수 있으며 활용도가 좋고 별도의 오류가 없는 좋은 확장프로그램입니다. 다양한 웹사이트에서 사용할 수 있습니다. 웹사이트 또는 블로그 웹서핑 중에 눈에 거슬리는 부분들을 가리거나 배치를 옮기는 등 편의성을 높일 수 있습니다.

 

3. 응용

User JavaScript and CSS 문자열 앞 해시태그 추가 및 공백제거

해당 확장프로그램과 다른 확장프로그램을 응용해서 검색 포털의 문자열 등의 구조를 변경해서 마케팅을 할 때 유용하게 활용할 수 있습니다. 문자열 앞에 해시태그를 적용시켜 조금 더 편하게 키워드나 해시태그를 긁어올 수 있습니다.

예를 들면, 네이버블로그의 본문에는 #해시태그 로 글을 작성하면 자동으로 태그가 입력됩니다. 이와 같은 원리를 활용해서 많은 검색 키워드를 모두 해시태그로 추가하고 싶을 때, 비교적 간편하게 추가할 수 있습니다.

 

같이 보기

React Developer Tools(리액트 구글 확장프로그램 도구)

사이트를 내 마음대로 바꾸는 구글확장프로그램 - Stylebot, Stylus

구글 검색 마케팅 도구 확장프로그램·Keyword Surfer

유튜브의 성능을 높여주는 확장프로그램(Improve YouTube)