Iconttv Official Extension

Latest Version

Version
2.1.0
Update
February 27, 2024
Size
219KiB
Developer
Category
Users
272
Rating
5 ★
Manifest Version
3
Web Store Status
Languages Support
한국어
See more
Permissions
See more

iconttv Extension

트위치 채팅에 커스텀 아이콘을 지원하는 스트리머의 방에서 바로 커스텀 아이콘을 찾을 수 있도록 하는 확장 프로그램 입니다.

차후 지원하는 스트리머를 추가할 수도 있습니다.

# 업데이트 내역

2.1.0
- 치지직 (https://chzzk.naver.com/)에서 이미지 치환 기능 지원
- 현재 치지직에서 이미지 치환 외의 선택기 기능은 동작하지 않음

2.0.5
- 사용하지 않는 권한 제거

2.0.4
- 아이콘 선택기에서 `←`, `→`, `↑`, `↓`으로 탐색, `Tab` 혹은 `Enter`로 선택하도록 기능 개선
- 채팅 입력창 focus가 동작하지 않던 버그 수정

2.0.3
- 동작 성능 개선
- betterttv와의 호환성 개선


2.0.2
- 하이퍼링크와 텍스트 사이의 공백이 유지되지 않던 버그 수정
- 태그 닫는 명령어 지원
- 클릭 가능한 팝업 선택기 구현
- 선택기에서 아이콘 클릭시 `~`가 적용되지 않던 버그 수정
- 과도한 이벤트로 인한 성능 저하 수

(2.0.1) 2.0.0.b
- 팝업 선택기 구현
- 익스텐션 아이콘 선택 시 전체 목록 페이지로 이동

2.0.0.a
코드 리팩토링 및 개발 진행 중
현재 구현된 기능 목록
- 이미지 렌더링 및 태그 변환 수행
- 70px * 70px사이즈만 렌더링
- 팝업 페이지 및 설정 페이지 없음.



# 이 플러그인이 제공하는 기능

- 트위치 생방송, 트위치 다시보기, popout 채팅창, 클립 페이지에서 작동
- 페이지 이동 시에도 끊김 없이 동작
- 버튼 클릭 시 커스텀 아이콘 목록 보기
- 채팅창에 `~` 입력 시 아이콘 목록 검색 가능
- 아이콘 목록에서 `←`, `→`으로 탐색, `↓`으로 입력. (커서가 입력의 끝이 아닐 때는 남은 문자열을 클립보드에 복사함)
- 아이콘 목록에서 클릭시 입력창에 붙여넣기 또는 클립보드에 복사
- 채팅창에서 아이콘 클릭 시 입력창에 붙여넣기 또는 클립보드에 복사
- 아이콘 목록은 사용자가 입력한 아이콘 중에서 빈도가 높은 순으로 정렬해서 보여줌 (통계 부분은 로컬 스토리지에 저장되고 서버로 전송되거나 구글 계정에 연동되지 않음.)
- 확장 플러그인 클릭 시 지원하는 전체 아이콘 목록과 개인 통계를 볼 수 있음.


# FAQs

- 이미지 서버는 어떤 것으로 사용하는가?

개인 서버에서 업데이트가 필요할 때마다 또는 2주마다 해당 스트리머가 제공하는 아이콘 목록을 불러온 후 파싱 및 서버에 캐시해놓은 것을 사용함. 따라서 떄때로 불안정할 때가 있을 수 있음.


# 참고사항

- 이미지 서버로부터 데이터를 가져오는 과정에서 해당 서버에 데이터를 요청한 사용자의 IP주소가 기록될 수 있습니다. 그러나 해당 정보는 서버 관리 목적 이외에는 사용되지 않습니다.


# 버그 제보 및 문의 또는 스트리머 추가 문의 (고정된 목록이 있는 경우만 받음)

https://github.com/k123s456h/twitch-icon-selector
으로 부탁합니다.


해당 플러그인은 트위치 또는 스트리머의 의뢰나 협업으로 제작된 것이 아닙니다.

본 개발자는 해당 플러그인이 보여주는 아이콘의 저작권을 소유하고 있지 않습니다.

해당 플러그인에서 사용된 이미지 벡터는 svgrepo.com의 자원을 사용했습니다.
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "iconttv", "version": "2.1.0", "version_name": "2.1.0", "description": "iconttv Official Extension", "icons": { "16": "icons/16.icon.png", "32": "icons/32.icon.png", "48": "icons/48.icon.png", "128": "icons/128.icon.png" }, "action": { "default_title": "Iconttv", "default_popup": "popup.html" }, "content_scripts": [ { "matches": [ "*://*.twitch.tv/*", "*://*.chzzk.naver.com/*" ], "run_at": "document_end", "js": [ "iconttv.js" ], "css": [ "iconttv.css" ], "world": "MAIN" } ], "background": { "service_worker": "background.js" }}
Read more

How to download and manually install iconttv extension for Chrome

Looking for a way to install iconttv extensions for Chrome, you can search for them in the Chrome Web Store, clicking the "Add to Chrome" button, and following the straightforward process.

However, you may need to install iconttv extensions manually, this article outlines two simple methods to effortlessly install iconttv extensions, whether they come as unpacked folders in compressed formats like .zip or as .crx files.

Method 1: Download iconttv extension and manually install through Drag &Drop

If you ever need to manually install a iconttv extension for Chrome, don't worry, it's a simple process. Just follow these easy steps, and you will have your extension ready to use in no time.

Step 1: Download the iconttv Extension by clicking the "Download CRX" button on the website.

Look for the iconttv extension you wish to install. Go to the website and download the iconttv extension package, which is usually a .CRX file and comes in a zipped file. Here ".crx" file is the format for iconttv extension that contains all the data.

Step 2: Extract &Arrange Files

Once the file is downloaded, extract that file into its own folder. Similarly, give that extension files a permanent home. In other words, keep it in a folder that you don't accidentally delete it because these files will be needed to make that extension work.

Step 3: Go to the Chrome Extensions Page

Open Google Chrome and in the address bar, type chrome://extensions; it will open the Google Chrome extensions page. Make sure that "My extensions" is selected in the sidebar.

Step 4: Drag and Drop the Extension

Now, go to the folder where you extracted the iconttv extension and drag &drop the extension file from there anywhere onto the extension page within Google Chrome.

Step 5: Complete the Installation

Once you drag and drop the extension file, follow the steps that Google Chrome takes you through. Similarly, if the extension file is of .crx file format, you will be required to review the permissions and then add the extension.

Now, you can manage that added extension as you would like to with any other Chrome extension that you added through Chrome Webstore. Its icon will also appear in the Google Chrome Menu on the right side of the address bar once you activate it.

Method 2: Download iconttv extension for Chrome and install in Developer Mode

This is another method to install iconttv extension manually, but the twist is that here, you install by enabling the developer mode option provided in Google Chrome. This mode is commonly used for testing extensions or running unpublished tools.

Step 1: Download the iconttv extension file

Select and download the iconttv extension by clicking the 'Download CRX' button on the website.

Step 2: Extract the downloaded contents

Convert the file to a ZIP file if it is in CRX format then extract the iconttv extension zip file or folder that you downloaded. Make sure you extract it using the same folder name and keep it safely in another folder, so you don't delete it by mistake. The extracted folder will be needed to keep your iconttv extension running.

Step 3: Open Chrome Extension Setting Page

In the address bar of Google Chrome, type chrome://extensions and open the Chrome Extension Page.

Step 4: Enable Developer Mode

After opening the Chrome Extension page, look at the top right side, and you will find the toggle option of "Developer mode."Simply enable that developer mode option.

Step 5: Load the Unpacked Extension

Once you enable the developer mode option, you will see the menu of Load Unpacked, Pack Extensions and Update. From that, select the option "Load unpacked."

Step 6: Select the Extension Folder

Once the pop-up opens upon clicking Load unpacked, select the iconttv extension directory and click on the "Select Folder "button.

Step 7: Confirm and Install

After you select an extension folder of a Google Chrome extension you're installing manually, confirm its installation for the final time and let the installation complete.

Conclusion

Here we've made a step-by-step guide on How to manually install iconttv extension in 2 ways. We hope this guide proves helpful.

Similar Extensions

icon

Twitch DCCON extension Extension · Social & Communication 272 25 ★ 92.63KiB

icon

Cheese Now - CHZZK Companion Extension · Fun 272 17 ★ 2.25MiB

icon

버퍼 : 치지직(CHZZK) 채팅창 기능 강화 Extension · Productivity 272 9 ★ 128KiB

icon

Chzzk-PIP Extension · Fun 272 76 ★ 9.85MiB

icon

Chzzk Plus Extension · Productivity 272 80 ★ 82.04KiB

icon

클린디씨 Extension · Social & Communication 272 290 ★ 4.99MiB

icon

돌려돌려 돌림판 Extension · Fun 272 47 ★ 413KiB

icon

TTV LOL Extension · Social & Communication 272 503 ★ 106KiB

icon

Cheese Knife - CHZZK Toolkit Extension · Fun 272 117 ★ 60.5KiB

icon

치지직 광고 차단 Extension · Fun 272 94 ★ 4.47KiB

icon

Previews (For TTV & YT) Extension · Fun 272 1310 ★ 503KiB

icon

Twitch Server Checker Extension · Accessibility 272 17 ★ 67.97KiB

icon

DCSimpler Extension · Social & Communication 272 143 ★ 472KiB

icon

K-Twitch-Bypass Extension · Social & Communication 272 163 ★ 69.04KiB

icon

DIBE Extension · Accessibility 272 67 ★ 1.61MiB

icon

Play HLS Extension · Developer Tools 272 36 ★ 482KiB

icon

디시 엿보기 Extension · Accessibility 272 37 ★ 70.31KiB

icon

Chzzk Latency Display Extension · Social & Communication 272 2 ★ 49.17KiB

icon

치지직 VOD 다운로드버튼 추가 Extension · Productivity 272 57 ★ 285KiB

icon

Badge Collector Extension · Productivity 272 175 ★ 1.98MiB

icon

갤질도우미 Extension · Productivity 272 76 ★ 30.87KiB

icon

TVple Eraser Extension · Accessibility 272 378 ★ 24.15KiB

icon

Twitch-in-Twitch Extension · Fun 272 16 ★ 2.01MiB

icon

Twitch Chat Nexus Extension · Social & Communication 272 10 ★ 2.35MiB

User reviews

icon

SH J (ID: 000000e500d74ed0) Voted 5 ★ - Updated 05/06/2023 ~펀쿨끄덕

icon

안희수 (ID: 0000000e29a6e133) Voted 5 ★ - Updated 10/31/2022 ~제리감사

icon

HODYU (ID: 0000002169960ede) Voted 5 ★ - Updated 09/22/2022 ~볼트공중

icon

Non habit (ID: 00000098fc672e40) Voted 5 ★ - Updated 09/09/2022 개추를 와바박 줄 수 밖에 없는!

icon

Donghyun You (ID: 0000000cfe147a31) Voted 5 ★ - Updated 09/04/2022 엄청난