Pin the chat of specific users to watch Twitch more fun!

Latest Version

Version
1.3.0
Update
March 27, 2021
Size
25.17KiB
Developer
Category
Users
477
Rating
5 ★
Manifest Version
2
Web Store Status
Languages Support
English
한국어
See more
Permissions
*://*.twitch.tv/*
Tabs
WebNavigation
See more

Twitch Chat Pins Extension

This extension filter and pinning chats of specified Twitch users.
just click Twitch Chat pins and set username.

Update Note
v1.3.0
rohroh contribute below function
- Move to top of main Twitch chat
- Made it scrollable
- Added chat badges back in
----------------------------------------------------------
add less button to scroll chat list
limit maximam pinned chat to 400
reduce function with duplicated code or only one time use code
change absolute maxheight to relative
- due to vertial arrangement video with chatlist

v1.2.1
hotfix bug that more button was duplicated

v1.2.0
make nickname also can pin. just input nickname or ID
when open popup, focus to user input
fix bug that not pinning until open extension popup.
make pin button on user card.
you can toggle how many show chats 2 or 8

v1.1.2
make popup smaller
now can add user by enter key
v1.1.1
change channel work
automatically start pinning
enhance UI
add VOD Chat Pin function
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "background": { "persistent": true, "scripts": ["background.js"] }, "browser_action": { "default_icon": { "128": "images/icon128.png", "48": "images/icon48.png" }, "default_popup": "popup.html", "default_title": "Twitch Chat Pins" }, "content_scripts": [{ "js": ["filter.js"], "matches": ["*://twitch.tv/*","*://*.twitch.tv/*"], "run_at": "document_idle" }], "icons": { "128": "images/icon128.png", "16": "images/icon16.png", "32": "images/icon32.png", "48": "images/icon48.png", "64": "images/icon64.png" }, "manifest_version": 2, "name": "__MSG_appName__", "description": "__MSG_appDesc__", "default_locale": "en", "permissions": ["*://*.twitch.tv/*","tabs","webNavigation"], "version": "1.3.0", "web_accessible_resources": ["filter.js"]}
Read more

How to download and manually install Twitch Chat Pins extension for Chrome

Looking for a way to install Twitch Chat Pins 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 Twitch Chat Pins extensions manually, this article outlines two simple methods to effortlessly install Twitch Chat Pins extensions, whether they come as unpacked folders in compressed formats like .zip or as .crx files.

Method 1: Download Twitch Chat Pins extension and manually install through Drag &Drop

If you ever need to manually install a Twitch Chat Pins 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 Twitch Chat Pins Extension by clicking the "Download CRX" button on the website.

Look for the Twitch Chat Pins extension you wish to install. Go to the website and download the Twitch Chat Pins extension package, which is usually a .CRX file and comes in a zipped file. Here ".crx" file is the format for Twitch Chat Pins 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 Twitch Chat Pins 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 Twitch Chat Pins extension for Chrome and install in Developer Mode

This is another method to install Twitch Chat Pins 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 Twitch Chat Pins extension file

Select and download the Twitch Chat Pins 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 Twitch Chat Pins 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 Twitch Chat Pins 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 Twitch Chat Pins 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 Twitch Chat Pins extension in 2 ways. We hope this guide proves helpful.

Similar Extensions

icon

Twitch Chat Helper Extension · Social & Communication 477 13 ★ 389KiB

icon

Waksoop Extension · Productivity 477 32 ★ 53.97KiB

icon

Badge Collector Extension · Productivity 477 175 ★ 1.98MiB

icon

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

icon

Twitch Chat Header Cleaner Extension · Accessibility 477 4 ★ 11.22KiB

icon

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

icon

왁물원 애드온 Extension · Productivity 477 1 ★ 8.64KiB

icon

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

icon

SOOP Plus Extension · Productivity 477 70 ★ 180KiB

icon

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

icon

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

icon

Play HLS Extension · Developer Tools 477 36 ★ 482KiB

icon

Twitch Server Checker Extension · Accessibility 477 17 ★ 67.97KiB

icon

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

icon

네이버 카페 애드온 Extension · Social & Communication 477 20 ★ 628KiB

icon

아프리카tv 채팅 모아보기 Extension · Fun 477 11 ★ 97.08KiB

icon

Chzzk Plus Extension · Productivity 477 80 ★ 82.04KiB

icon

enhanced-h264ify Extension · Productivity 477 154 ★ 22.37KiB

icon

왁타임라인 Extension · Social & Communication 477 19 ★ 2.75MiB

icon

Twitch Latency Display Extension · Social & Communication 477 30 ★ 77.49KiB

icon

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

icon

Improved NAVER video plugin Extension · Productivity 477 4 ★ 118KiB

icon

Chzzk-PIP Extension · Fun 477 76 ★ 9.85MiB

icon

alzartak (알잘딱) Extension · Productivity 477 39 ★ 26.52MiB

User reviews

icon

Beomseung (ID: 0000001fcaac1e05) Voted 5 ★ - Updated 07/08/2023 타 프로그램이 오류가 심해서 갈아탔는데 아직까진 큰 문제 없이 사용하고 있습니다. 감사합니다!!!!

icon

한동원 (ID: 000000e7c8967b4a) Voted 5 ★ - Updated 04/25/2022 트위치 채팅창 폰트 크기를 제일 작은거로 하면 작동이 안되는 버그가 있는거 같습니다. 기본 크기에서 작은 크기로 바꾸면 정상작동하나 작은 크기로 바꾼상태로 다시 방송을 들어가거나 새로고침시 작동하지 않네요~

icon

DD (ID: 000000d72e39c939) Voted 5 ★ - Updated 04/17/2022 즉 시 추 가

icon

Rhett T (ID: 000000e8a6942398) Voted 5 ★ - Updated 03/18/2022 감사합니다. 덕분에 편하게 방송을 즐기고 있습니다. 한 가지 여쭤볼 것이 있는데 다시보기에서도 사용되는 건 혹시 버전이 바뀌면서 사라진 걸까요? 아님 설정하는 방법이 있을까요? 제가 다시보기도 자주 이용을 하는데 기능 적용이 안돼서 조금 슬픕니다..ㅠ

icon

참룡객 (ID: 0000004ff24ce594) Voted 5 ★ - Updated 04/14/2021 잘 사용하고 있습니다. 그런데 제가 여러 컴퓨터에서 트위치를 보는 일이 많아서 확장프로그램 자체는 구글에서 연동해서 자동으로 깔아주는데 고정할 사람들은 다시 추가해야해서 조금 불편하네요. 트위치랑 연동해서 팔로우 한 사람을 전부 추가해주는 기능이나 목록 내보내기/가져오기 기능이 있으면 편할 것같네요. 아예 설정 공유가 자동으로 되면 정말 좋겠지만 이건 서버 문제도 있고 안되겠죠?