{"id":16527017,"url":"https://github.com/jaem1n207/synchronize-tab-scrolling","last_synced_at":"2026-03-14T13:02:08.273Z","repository":{"id":180839713,"uuid":"665347561","full_name":"jaem1n207/synchronize-tab-scrolling","owner":"jaem1n207","description":"A browser extension that lets you synchronize the scrolling position of multiple tabs","archived":false,"fork":false,"pushed_at":"2024-04-22T02:41:11.000Z","size":1551,"stargazers_count":1,"open_issues_count":7,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2024-04-22T04:20:31.382Z","etag":null,"topics":["extension","scroll-sync","svelte","webstore"],"latest_commit_sha":null,"homepage":"https://chromewebstore.google.com/detail/synchronize-tab-scrolling/phceoocamipnafpgnchbfhkdlbleeafc","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/jaem1n207.png","metadata":{"files":{"readme":"README-ko_kr.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":".github/CODEOWNERS","security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null}},"created_at":"2023-07-12T02:32:44.000Z","updated_at":"2024-04-23T11:59:33.187Z","dependencies_parsed_at":"2023-07-13T03:37:09.019Z","dependency_job_id":"62641441-d2dc-424f-9675-c998c266ecaf","html_url":"https://github.com/jaem1n207/synchronize-tab-scrolling","commit_stats":null,"previous_names":["jaem1n207/synchronize-tab-scrolling"],"tags_count":10,"template":false,"template_full_name":"Jonghakseo/chrome-extension-boilerplate-react-vite","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jaem1n207%2Fsynchronize-tab-scrolling","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jaem1n207%2Fsynchronize-tab-scrolling/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jaem1n207%2Fsynchronize-tab-scrolling/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jaem1n207%2Fsynchronize-tab-scrolling/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/jaem1n207","download_url":"https://codeload.github.com/jaem1n207/synchronize-tab-scrolling/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247744282,"owners_count":20988781,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["extension","scroll-sync","svelte","webstore"],"created_at":"2024-10-11T17:31:57.396Z","updated_at":"2026-03-14T13:02:08.251Z","avatar_url":"https://github.com/jaem1n207.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://chromewebstore.google.com/detail/synchronize-tab-scrolling/phceoocamipnafpgnchbfhkdlbleeafc\" target=\"_blank\" rel=\"noreferrer noopener\"\u003e\n    \u003cimg width=\"250\" src=\"https://github.com/jaem1n207/synchronize-tab-scrolling/assets/50766847/ec9b53f7-b8b7-46fe-9b0f-bf08b38cb940\" alt=\"Synchronize Tab Scrolling 로고\" /\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\n\u003ch1 align=\"center\"\u003eSynchronize Tab Scrolling\u003c/h1\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003cstrong\u003e한 번 스크롤하면, 모든 탭이 함께 움직입니다.\u003c/strong\u003e\u003cbr/\u003e\n  여러 탭의 스크롤을 동시에 맞춰주는 브라우저 확장 프로그램이에요.\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://chromewebstore.google.com/detail/synchronize-tab-scrolling/phceoocamipnafpgnchbfhkdlbleeafc\"\u003e\n    \u003cimg alt=\"Chrome\" src=\"https://img.shields.io/badge/Chrome-4285F4?style=for-the-badge\u0026logo=GoogleChrome\u0026logoColor=white\"\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://microsoftedge.microsoft.com/addons/detail/synchronize-tab-scrolling/jonclaakmpjodjggkadldgkapccdofnn\"\u003e\n    \u003cimg alt=\"Edge\" src=\"https://img.shields.io/badge/Edge-0078D7?style=for-the-badge\u0026logo=Microsoft-edge\u0026logoColor=white\"\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://addons.mozilla.org/firefox/addon/synchronize-tab-scrolling\"\u003e\n    \u003cimg alt=\"Firefox\" src=\"https://img.shields.io/badge/Firefox-FF7139?style=for-the-badge\u0026logo=Firefox-Browser\u0026logoColor=white\"\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://chromewebstore.google.com/detail/synchronize-tab-scrolling/phceoocamipnafpgnchbfhkdlbleeafc\"\u003e\n    \u003cimg alt=\"Brave\" src=\"https://img.shields.io/badge/Brave-FB542B?style=for-the-badge\u0026logo=Brave\u0026logoColor=white\"\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://github.com/jaem1n207/synchronize-tab-scrolling/releases\"\u003e\n    \u003cimg alt=\"Release\" src=\"https://img.shields.io/github/v/release/jaem1n207/synchronize-tab-scrolling?style=flat-square\u0026color=6096B4\"\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://github.com/jaem1n207/synchronize-tab-scrolling/blob/main/LICENSE\"\u003e\n    \u003cimg alt=\"License\" src=\"https://img.shields.io/github/license/jaem1n207/synchronize-tab-scrolling?style=flat-square\u0026color=6096B4\"\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"./README.md\"\u003eENGLISH\u003c/a\u003e | 한국어\n\u003c/p\u003e\n\n---\n\n## 이게 뭔가요?\n\n두 문서를 나란히 놓고 읽을 때(ex: 원문과 번역문) 스크롤을 맞추는 게 번거로웠죠? 이 확장 프로그램이 그 문제를 해결해 줘요.\n\n**한 탭에서 스크롤하면, 연결된 모든 탭이 같은 위치로 자동으로 따라와요.**\n\n---\n\n## 사용 영상\n\n\u003ca href=\"https://youtu.be/cpLPy5OlJ8g?si=dfDTYmt7NbakQocG\"\u003e\n  \u003cimg src=\"https://img.youtube.com/vi/cpLPy5OlJ8g/0.jpg\" alt=\"사용 영상\" width=\"480\" height=\"360\" /\u003e\n\u003c/a\u003e\n\n---\n\n## 사용 방법\n\n### 1단계: 설치\n\n위의 브라우저 배지 중 하나를 클릭해서 각 브라우저의 확장 프로그램 스토어에서 설치해 주세요.\n\n### 2단계: 탭 열기\n\n탭을 두 개 이상 열어 주세요.\n\n### 3단계: 동기화 시작\n\n1. 브라우저 도구 모음에서 확장 프로그램 아이콘을 클릭해 주세요\n2. 동기화할 탭을 선택해 주세요 (체크박스 선택)\n3. **\"동기화 시작\"** 버튼을 클릭해 주세요\n\n### 4단계: 스크롤!\n\n동기화된 탭 중 아무 곳에서나 스크롤해 보세요. 연결된 모든 탭이 자동으로 따라와요.\n\n### 팁: 수동 위치 조정\n\n원문과 번역문처럼 같은 내용이라도 언어에 따라 길이가 달라요—어떤 언어는 간결하게, 어떤 언어는 길게 표현하니까요. 그래서 스크롤하다 보면 읽고 있는 위치가 점점 어긋나기도 해요.\n\n**Option** (Mac) 또는 **Alt** (Windows) 키를 누른 채로 스크롤하면, 다른 탭에 영향을 주지 않고 특정 탭의 위치만 조정할 수 있어요. 키를 놓으면 조정된 위치를 기준으로 동기화가 계속돼요.\n\n### 5단계: 동기화 중지\n\n확장 프로그램 아이콘을 다시 클릭해서 **\"동기화 해제\"**를 선택하거나, 동기화된 탭을 닫으면 돼요.\n\n---\n\n## 지원되지 않는 페이지\n\n브라우저 보안 제한 때문에 아래 페이지에서는 동기화가 안 돼요:\n\n- 브라우저 내부 페이지 (`chrome://`, `edge://`, `about:`)\n- 확장 프로그램 스토어\n- Google 서비스 (문서, 드라이브, Gmail, 스프레드시트 등)\n- 일부 웹 앱 (Figma, JIRA, Microsoft Office Online, Notion 등)\n- 검색 엔진 결과 페이지 (Google 검색, 네이버, Bing, DuckDuckGo 등)\n- PDF 파일 및 PDF 뷰어\n- 로그인/인증 페이지\n- 특수 URL (`view-source:`, `data:`, `file://`)\n\n이런 탭은 선택 목록에서 비활성화돼요.\n\n---\n\n## 누구를 위한 건가요?\n\n- 여러 논문을 동시에 검토할 때\n- 코드 버전을 나란히 비교할 때\n- 원문과 번역문을 비교할 때\n- **여러 문서를 동시에 다루는 모든 분**\n\n---\n\n## 주요 기능\n\n### 실시간 스크롤 동기화\n\n한 탭에서 스크롤하면, 연결된 모든 탭이 같은 위치로 즉시 이동해요.\n\n```mermaid\nflowchart LR\n    subgraph 사용자[\"사용자 동작\"]\n        A[탭 A에서 스크롤]\n    end\n\n    A --\u003e B[확장 프로그램이 위치 감지]\n    B --\u003e C[탭 B가 같은 위치로 이동]\n    B --\u003e D[탭 C가 같은 위치로 이동]\n```\n\n### 수동 위치 조정\n\n문서의 위치가 완벽하게 맞지 않을 때가 있어요. **Option** (Mac) 또는 **Alt** (Windows) 키를 누른 채로 스크롤하면, 동기화를 유지하면서 개별 탭의 위치를 조정할 수 있어요.\n\n```mermaid\nflowchart TD\n    A[\"Option/Alt 키 누르기\"] --\u003e B[\"한 탭에서 자유롭게 스크롤\"]\n    B --\u003e C[\"키 놓기\"]\n    C --\u003e D[\"새 위치가 저장됨\"]\n    D --\u003e E[\"새 기준점에서 동기화 계속\"]\n```\n\n### URL 이동 동기화\n\n한 탭에서 링크를 클릭하면, 연결된 모든 탭이 같은 주소로 함께 이동해요.\n\n### 자동 동기화 제안\n\n동일한 URL을 가진 탭이 여러 개 열리면, 각 탭의 오른쪽 하단에 토스트 알림이 나타나요. 클릭 한 번으로 스크롤 동기화를 시작할 수 있어요.\n\n```mermaid\nflowchart LR\n    A[동일 URL 탭 2개 이상 열기] --\u003e B[토스트 표시]\n    B --\u003e C{사용자 선택}\n    C --\u003e|동기화 시작| D[동기화 시작됨]\n    C --\u003e|지금 안 함| E[세션 동안 무시됨]\n    C --\u003e|이 사이트에서 표시 안 함| F[도메인 영구 제외]\n    B --\u003e G[10초 후 자동 사라짐]\n```\n\n이 기능은 **기본적으로 활성화**되어 있어요.\n\n- **작업 메뉴** → **\"동일한 URL 동기화 제안\"**에서 전체 비활성화할 수 있어요\n- 토스트의 **\"이 사이트에서 다시 표시 안 함\"**을 클릭하면 특정 도메인만 제외할 수 있어요\n- **작업 메뉴** → **\"제외된 도메인 관리\"**에서 제외 목록을 관리할 수 있어요\n\n이미 동기화가 진행 중일 때 새로운 동기화 제안이 나타나면, 토스트에 경고 메시지와 **\"교체하고 동기화\"** 버튼이 표시돼요.\n\n### 도메인 제외 관리\n\n특정 도메인을 자동 동기화 제안에서 영구적으로 제외할 수 있어요. 동기화 제안이 필요 없는 사이트에 유용해요.\n\n**도메인을 제외하는 방법:**\n\n- 동기화 제안 토스트에서 **\"이 사이트에서 다시 표시 안 함\"**을 클릭\n- 또는 **작업 메뉴** → **\"제외된 도메인 관리\"**에서 직접 추가\n\n**제외 목록 관리 방법:**\n\n- 확장 프로그램 팝업 → **작업 메뉴** → **\"제외된 도메인 관리\"** 열기\n- 새 도메인 추가 또는 기존 도메인 삭제\n- 키보드로 탐색: 화살표 키로 이동, Enter로 확인, Delete로 삭제\n\n### 자동 재연결\n\n탭의 연결이 끊어지면(예: 컴퓨터가 절전 모드에서 깨어난 후) 확장 프로그램이 자동으로 다시 연결하고 동기화를 재개해요. 별도의 조작이 필요 없어요.\n\n```mermaid\nflowchart LR\n    A[연결 끊김] --\u003e B[자동 감지]\n    B --\u003e C[재연결]\n    C --\u003e D[동기화 재개]\n```\n\n---\n\n## 지원 언어\n\n확장 프로그램 인터페이스는 **9개 언어**로 제공돼요:\n\n| 언어                | 코드  |\n| ------------------- | ----- |\n| English (영어)      | en    |\n| 한국어              | ko    |\n| 日本語 (일본어)     | ja    |\n| Français (프랑스어) | fr    |\n| Español (스페인어)  | es    |\n| Deutsch (독일어)    | de    |\n| 중국어 (중국)       | zh_CN |\n| 중국어 (대만)       | zh_TW |\n| हिन्दी (힌디어)     | hi    |\n\n---\n\n## 개인정보 보호정책\n\n**여러분의 개인정보를 소중히 생각해요.**\n\n- **데이터 수집 없음**: 어떤 개인 정보도 수집하거나 저장하지 않아요\n- **분석 없음**: 추적, 쿠키, 원격 측정 없음\n- **네트워크 요청 없음**: 확장 프로그램은 완전히 오프라인으로 작동해요\n- **오픈 소스**: [모든 코드를 직접 확인](https://github.com/jaem1n207/synchronize-tab-scrolling)할 수 있어요\n\n이 확장 프로그램은 동기화를 위해 명시적으로 선택한 탭에만 접근하며, 모든 데이터는 여러분의 기기에만 저장돼요.\n\n---\n\n## 지원\n\n문제가 있으신가요? 도움을 드릴게요:\n\n- **이메일**: [tech.jmtt@gmail.com](mailto:tech.jmtt@gmail.com)\n- **GitHub**: [버그 신고하기](https://github.com/jaem1n207/synchronize-tab-scrolling/issues/new?title=버그%20신고\u0026labels=bug\u0026assignees=jaem1n207)\n\n---\n\n## 기여하기\n\n기여하고 싶으신가요? [Contributing Guide](./CONTRIBUTING.md)에서 개발 환경 설정과 가이드라인을 확인해 주세요.\n\n---\n\n## 라이선스\n\nMIT 라이선스. 자세한 내용은 [LICENSE](./LICENSE) 파일을 확인해 주세요.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjaem1n207%2Fsynchronize-tab-scrolling","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjaem1n207%2Fsynchronize-tab-scrolling","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjaem1n207%2Fsynchronize-tab-scrolling/lists"}