Computer >> Hướng Dẫn Máy Tính >  >> Kết Nối Mạng >> Internet

Cách Xem Mã Nguồn Của Tiện Ích Mở Rộng Chrome

Các tiện ích mở rộng (extension) bạn cài trong Chrome trên máy tính không gì hơn nhóm file mã nguồn làm hoạt động được định nghĩa sẵn. Những tâm hồn tò mò có thể muốn xem chính xác mã xây dựng các tiện ích này. Mặc dù xem mã nguồn trang web trong Chrome dễ như chuột phải chọn tùy chọn, truy cập mã nguồn tiện ích Chrome không dễ như vậy.

Tuy nhiên, điều đó không nên cản bạn xem mã nguồn tiện ích. Dùng hai phương pháp sau, bạn xem được mã nguồn tiện ích Chrome trên máy.

Các phương pháp dưới được demo trên Mac.

Xem Mã Nguồn Tiện Ích Chrome Trong File Explorer

Mặc dù file cho tiện ích cài trong Chrome lưu trên máy, không dễ tìm vì tên thư mục "khoa học". Tuy nhiên, với phương pháp dưới bạn lộ được thư mục chứa file nguồn tiện ích.

  1. Mở Chrome, gõ chrome://extensions vào thanh địa chỉ và Enter. Mở danh sách tiện ích trong trình duyệt.
  2. Khi trang tiện ích mở, tick ô "Developer mode" (Chế độ nhà phát triển) góc trên phải. Nó cho xem chi tiết tiện ích.
  3. Bây giờ bạn thấy ID các tiện ích hiển thị. Ghi nhớ ID tiện ích bạn muốn xem mã nguồn.

Trong ví dụ dưới tôi highlight ID tiện ích "Adblock for Youtube". Sẽ lộ mã nguồn tiện ích này ở các bước sau.

  1. Gõ chrome://version vào thanh địa chỉ và Enter. Giúp tìm thư mục file tiện ích.
  2. Trang phiên bản Chrome, highlight và copy giá trị "Profile Path" vào clipboard. Hiển thị trong ảnh chụp.
  3. Mở Finder (hoặc File Manager OS). Nhấn "Go" trên cùng, chọn "Go to Folder...". Cho truy cập thư mục tiện ích trên Mac.
  4. Dán profile path đã copy vào panel "Go to Folder", nhấn "Go" mở thư mục trong cửa sổ Finder.
  5. Double-click thư mục "Extensions" màn hình sau để mở thư mục chứa tất cả tiện ích.

Bạn thấy nhiều thư mục tên gây nhầm lẫn. Mặc dù thư mục cho tiện ích bạn cài, chúng không trùng tên tiện ích, nên khó tìm thư mục tiện ích bạn.

Tìm thư mục tên trùng ID tiện ích bạn ghi nhớ ở bước trước. Đó là thư mục tiện ích của bạn.

  1. Tất cả file tiện ích ở đó, mở với editor yêu thích xem mã.

Đó là cách xem mã nguồn tiện ích Chrome không dùng công cụ bên thứ ba. Nếu không ngại cài tiện ích, phần sau dành cho bạn.

Xem Mã Nguồn Tiện Ích Chrome Dùng Tiện Ích Khác

  1. Mở Chrome, vào trang Chrome extension source viewer trên Chrome Web Store, nhấn "Add to Chrome".
  2. Nhấn "Add extension" màn hình sau.
  3. Sau khi tiện ích thêm vào trình duyệt, mở trang tiện ích trên Chrome Web Store, ví dụ trang Markdown Preview.
  4. Khi trang tải, nhấn biểu tượng CRX trên thanh tiện ích Chrome, chọn "View source".
  5. Bạn thấy mã nguồn tiện ích được chọn trong cửa sổ Chrome.

Kết Luận

Nếu tò mò xem mã nguồn tiện ích bạn cài, hướng dẫn trên giúp bạn làm điều đó bằng hai cách dễ dàng.