Xem mã nguồn tiện ích Chrome

Giới thiệu công cụ Xem mã nguồn tiện ích Chrome

Công cụ Xem mã nguồn tiện ích Chrome (Chrome Extension Source Viewer) là tiện ích trực tuyến giúp các lập trình viên và chuyên gia an toàn thông tin giải nén, kiểm tra và khám phá toàn bộ mã nguồn của bất kỳ tiện ích nào trên Google Chrome. Bạn có thể dán liên kết Chrome Web Store, nhập trực tiếp mã định danh tiện ích 32 ký tự, hoặc kéo thả tệp .crx/.zip có sẵn từ máy tính cá nhân.

Hệ thống tự động phân tích và loại bỏ phần header nhị phân đặc thù của định dạng CRX2 và CRX3 để trích xuất kho lưu trữ ZIP nguyên bản ngay trong trình duyệt. Công cụ bóc tách tệp manifest.json, phân tích quyền truy cập, script nền, content script tiêm vào trang web, đồng thời cung cấp trình duyệt cây thư mục trực quan tích hợp CodeMirror tô màu cú pháp và bộ format code tự động.

Tính năng chính

• Hỗ trợ Chrome Web Store và tải file cục bộ Tải tiện ích trực tiếp qua đường dẫn Chrome Web Store (cả giao diện mới chromewebstore.google.com và cũ chrome.google.com), mã ID 32 ký tự, hoặc kéo thả tệp .crx và .zip từ máy tính.
• Tự động bóc tách header nhị phân CRX2 & CRX3 Tự nhận diện chữ ký nhị phân, tính toán offset chính xác và chuyển đổi gói CRX thành kho lưu trữ ZIP tiêu chuẩn tương thích với mọi trình giải nén thông thường.
• Kiểm toán bảo mật và quyền hạn Manifest V2 & V3 Phân tích tệp manifest.json kết hợp dữ liệu đa ngôn ngữ _locales để hiển thị thông tin tiện ích, service worker nền, content script và các quyền truy cập nhạy cảm.
• Cây thư mục tương tác với tính năng lọc tức thì Duyệt cấu trúc thư mục với tính năng đóng mở nhánh, hiển thị kích thước tệp, phân loại icon theo đuôi mở rộng và ô tìm kiếm file theo tên hoặc đường dẫn theo thời gian thực.
• Tô màu cú pháp CodeMirror & Tự động format code Hỗ trợ xem code JavaScript, JSON, HTML, CSS, Markdown với số dòng rõ ràng và định dạng lại các đoạn mã bị nén (minified/obfuscated) chỉ với 1 cú nhấp chuột qua js-beautify.
• Xem trước ảnh & Tải về trọn bộ file ZIP chuẩn Xem trước trực tiếp các tệp ảnh PNG, SVG, WebP, icon của tiện ích và tải toàn bộ mã nguồn đã giải nén dưới dạng tệp ZIP sẵn sàng cài vào Chrome ở chế độ Developer Mode.

Cách xem mã nguồn tiện ích mở rộng Chrome

Thực hiện theo các bước đơn giản sau để kiểm tra và tải về mã nguồn của tiện ích Chrome.

1. Nhập liên kết, ID hoặc tải lên tệp tiện ích Dán URL trang chi tiết tiện ích trên Chrome Web Store, nhập ID 32 ký tự, chọn một tiện ích mẫu có sẵn, hoặc kéo thả tệp .crx / .zip từ máy tính vào khung tải lên.
2. Giải nén và xem tổng quan thông tin tiện ích Bấm nút Lấy & Xem mã nguồn để hệ thống giải nén. Xem thẻ tổng quan về tên, phiên bản, chuẩn Manifest V2/V3 và danh sách các quyền hạn được yêu cầu.
3. Duyệt cây thư mục và chọn tệp cần kiểm tra Sử dụng cột cây thư mục bên trái để duyệt các tệp hoặc gõ từ khóa tìm kiếm. Nhấp vào bất kỳ tệp nào để nạp nội dung vào khung xem code hoặc xem trước ảnh.
4. Làm đẹp code, sao chép hoặc tải về trọn gói ZIP Bấm nút Làm đẹp code nếu script bị nén dòng, sao chép đoạn mã cần dùng vào clipboard, hoặc bấm Tải về dưới dạng ZIP để lưu toàn bộ mã nguồn về máy.

Lưu ý khi sử dụng

• Đối với tiện ích Manifest V3, logic xử lý ngầm nằm trong background.service_worker, trong khi Manifest V2 sử dụng background.scripts hoặc background.page.
• Nếu tiện ích sử dụng mã nguồn bị nén dòng (tạo từ Webpack/Vite/Rollup), hãy bấm Làm đẹp code trên thanh công cụ để khôi phục khoảng trắng và thụt lề dễ đọc.
• Bạn có thể cài đặt ngay gói ZIP vừa tải về vào Google Chrome bằng cách truy cập chrome://extensions, bật Developer mode ở góc phải và chọn Load unpacked.
• Hãy chú ý đến các huy hiệu host_permissions và permissions để biết tiện ích có quyền truy cập vào các trang web nhạy cảm hoặc can thiệp lưu lượng mạng hay không.

Câu hỏi thường gặp