Hướng dẫn cài các Tiện ích [Extension] cho trình duyệt Google Chrome
Hôm qua - 06/01, Google đã trả lại tính năng "Tiện ích mở rộng" cho phiên bản Developer của trình duyệt Google Chrome trên Mac. Như vậy là cả 3 phiên bản dành cho 3 hệ điều hành khác nhau là Windows, Linux và Mac OS đã có thể sử dụng được Kho tiện ích từ Google. Sau đây là một số lưu ý nhỏ giúp bạn có thể sử dụng trình duyệt Google Chrome với các tiện ích quen thuộc mà trước nay đã gắn liền với Firefox như XMarks [FoxMarks], AdBlock, GMail,...
Sau sự kiện Goolge Chrome mở cửa để hổ trợ các tiện ích [mà ta quen gọi là Add-on, Google gọi là Extension] thì hàng loạt các tiện ích do các lập trình viên tạo ra đã ra đời. Trong số đó các tiện ích như XMarks, AdBlock, Google Translate, IETab, Flickr,... đều đã có các phiên bản cho trình duyệt này. Tuy nhiên tính năng "Tiện ích" này Goolge vẫn đặt trong tình trạng thử nghiệm, do đó để sử dụng được tính năng này chúng ta cần sử dụng phiên bản đặc biệt dành cho các Developer [chưa sử dụng trên phiên bản bình thường được].
HƯỚNG DẪN CÀI ĐẶT GOOGLE CHROME HỔ TRỢ EXTENSION
- Tải file cài đặt Chrome phiên bản Developer tại đây: Windows, Linux, Mac OS X.
- Cài đặt Chrome theo cách bình thường.
- Mở trình duyệt Chrome, bấm menu [trên Windows là biểu tượng Cây mỏ lếch, trên Mac ta chọn menu Windows], tiếp theo chọn Extension [hoặc Tiện ích mở rộng, tùy theo ngôn ngữ bạn đang sử dụng].
- Bấm vào link Tải tiện ích mở rộng khác >> để đến Kho tiện ích của Google Chrome, tại đây bạn có thể chọn 1 tiện ích nào đó, bấm vào nút Install để cài đặt.
Bất cứ lúc nào chúng ta cũng có thể mở trình Tiện ích mở rộng để điều chỉnh cấu hình, xóa hay cài thêm tiện ích cho trình Google Chrome.
Một số Tiện ích phổ biến đã có cho Google Chrome:
Hãy chia sẻ trải nghiệm về một sản phẩm hoặc dịch vụ mà bạn đang cảm thấy tốt nhé! Thông tin nay sẽ giúp ích cho rất nhiều người "đi sau" đấy.
VIẾT NGAY, DỄ LẮM NEK! MarsURL.com: Lấy URL ảnh trong 3 giây, dung lượng đến 20MB và tồn tại trong 3 NGÀY.
TẢI ẢNH NGAY MarsReels: Tải Photo/Video/Reels/Stories/IGTV Instagram trong 3 GIÂY.
TRUY CẬP NGAY MarsPaste.com: Giải pháp nhanh nhất để chia sẻ văn bản/code online.
Xem ngay
Google Chrome hiện đang là trình duyệt Web được sử dụng phổ biến nhất hiện nay trên toàn thế giới. Tuy có tuổi đời không lâu bằng các trình duyệt như Firefox hoặc IE nhưng với những cải tiến đáng kể về tốc độ, về sự ổn định cũng như các phần mở rộng đa dạng đã giúp Chrome nhanh chóng chiếm được ngôi vương ấy.
Trong bài viết này, mình muốn chia sẻ với các bạn thủ thuật về cách cài đặt cũng như gỡ bỏ các phần mở rộng [Extension] trên trình duyệt Google Chrome nhanh chóng và dễ dàng.
[Cập nhật 2020] Tính đến thời điểm hiện tại là năm 2020, về cơ bản cách cài đặt các phần mở rộng [Extension] của trình duyệt phổ biến nhất thế giới vẫn không thay đổi, cách thực hiện bạn có thể thực hiện ngay sau đây.
Để cài đặt một phần mở rông nào đó cho Chrome, bạn chỉ cần truy cập vào phần mở rộng đó thông qua Chrome Web Store. Sau đó tiến hành thực hiện cài đặt phần mở rông. Bạn có thể tham khảo ví dụ dưới đây.
Trong ví dụ này, mình sẽ tiến hành cài đặt phần mở rông mang tên Currently. Chức năng của Currently đó chính là sẽ giúp bạn tạo ra giao diện đồng hồ khá đẹp khi bạn mở Tab mới trên Chrome.
Bước 1: Truy cập vào liên kết cài đặt phần mở rộng Currently.
Bước 2: Chọn vào nút Miễn phí màu xanh lá
Bước 3: Một thông báo xuất hiện, chọn Thêm
Chờ đến khi trên trình duyệt xuất hiện thông báo rằng bạn đã cài đặt thành công.
Thời gian gần đây, Google chỉ cho phép người dùng cài đặt các phần mở rộng thông qua Chrome Web Store. Chính vì vậy, để cài đặt phần mở rộng bên ngoài bạn cần thực hiện các bước sau để cài đặt vào trình duyệt Chrome.
Bước 1: Tải phần mở rộng bên ngoài với định dạng .crx.
Bước 2: Truy cập vào phần quản lý ứng dụng: chrome://extensions
Bước 3: Đánh dấu vào ô Develop Mode
Bước 4: Kéo thả phần mở rông có định dạng .crx vào trình duyệt Chrome.
Ví dụ: Trong ví dụ này mình sẽ cài đặt phần mở rộng của IDM trên trình duyệt Chrome để khắc phục lỗi IDM không hiện thanh Download. Mặc định tại đường dẫn C:\Program Files\Internet Download Manager, đã có sẵn file IDMGCExt.crx.
Để cài đặt, bạn chỉ cần kéo thả phần mở rộng .crx này vào chữ Extension. Khi đó, bạn tiếp tục chọn Thêm [hoặc Add] để cài đặt hoàn tất.
Trước tiên, bạn cần truy cập vào phần quản lý phần mở rộng [Extension]:
chrome://extensionsSau đó, tại phần mở rộng bạn muốn vô hiệu hóa >> Bỏ chọn Enabled để vô hiệu hóa phần mở rộng này. Để gỡ bỏ hoàn toàn >> Chọn chuột trái vào biểu tượng Thùng rác.
Một thông báo xuất hiện, bạn chọn nút Gỡ bỏ [hoặc Remove] để xóa hoàn toàn Extension này
Như vậy, bạn đã biết cách thực hiện cài đặt cũng như gỡ bỏ nhanh các phần mở rộng trên Chrome rồi phải không! Nếu như bạn đang tìm kiếm các phần mở rộng hữu ích và cần thiết khi lướt web, hãy xem lại bài viết này mà chúng tôi đã tổng hợp đến 10 các Extension mà bạn có thể cài vào ngay.
Nếu có thắc mắc hoặc câu hỏi nào liên qua đến việc cài đặt này, đừng quên chia sẻ với chúng tôi trong phần bình luận dưới nhé!
Google chrome là một trong những trình duyệt được yêu thích nhất trên thế giới bởi… nó là sản phẩm của Google. Nói vui vậy thôi chứ mình thấy Google chrome thật sự là trình duyệt ngon nhất hiện nay bởi nó nhanh, đơn giản lại đồng bộ được nhiều dịch vụ có sẵn của Google. Nhưng điều mình thích nhất vẫn là nó có kho extension vô cùng phong phú.
I. Extension của google chrome là gì?
Chrome extension là các “phần mềm con” mà bạn có thể cài vào nhằm bổ sung thêm tính năng mới cho trình duyệt. Ví dụ như mình có 2 sản phẩm là URL QrCode và ICTU timetable đó chẳng hạn.
Phân tích dưới góc độ của developer, thì Chrome extension giống như một web app được tạo nên từ HTML, CSS, JS và tương tác với trình duyệt thông qua các JavaScript API mà chrome cung cấp. Cơ chế nhúng extension vào chrome cũng rất đơn giản, tương tự như việc bạn nhúng một cái iframe vào trang web vậy.
II. Tạo một extension chrome
Trong phần này, mình sẽ hướng dẫn các bạn cách tạo một extension có tính năng tương tự như extension URL QrCode của mình nhé.
2.1 Chuẩn bị một web app
Như mình đã nói ở phần trên thì chrome extension giống như một web app. Vậy chúng ta cần phải tạo ra một web app trước. Vì bài viết này không tập trung vào việc tạo web app như thế nào nên mình đã chuẩn bị sẵn cho bạn một cái ở github repo này rồi, bạn chỉ cần làm theo hướng dẫn để cài đặt thôi.
Trước khi cài đặt bạn hãy đảm bảo rằng máy tính của bạn đã được cài sẵn git và nodejs nhé.
Các bước cài đặt
Bước 1: Clone repo về máy
git clone //github.com/phambinh217/qr-code-chrome-ext.gitBước 2: Cài đặt các package cần thiết
cd qr-code-chrome-ext npm installBước 3: Build ra sản phẩm cuối
npm run buildSau khi build xong, toàn bộ các file mà bạn cần quan tâm sẽ nằm tại thư mục dist như hình
Trong các file khoanh đỏ ở hình trên, bạn hãy để ý cho mình file manifest.json
2.2 Khai báo nội dung cho file manifest.json
Hãy mở file manifest.json mà mình lưu ý ở trên để xem nội dung bên trong là gì nhé
{ "name": "URL QrCode", "description": "Generate QrCode from website URL", "version": "1.0", "browser_action": { "default_icon": "logo.png", "default_popup": "index.html" }, "permissions": [ "tabs" ], "manifest_version": 2 }Nhìn qua có thể thấy ngay manifest.json là file khai báo các thông tin cơ bản cho extension như tên, mô tả, phiên bản,…
Một vài thông tin mà mình thường hay khai báo là:
- name: Tên của extension
- description: Mô tả ngắn gọn cho extension
- version: Phiên bản của extension. Mỗi khi có cập nhật cho extension, bạn nhất định phải thay đổi giá trị này thì extension của bạn mới có thể tự động cập nhật trên trình duyệt của người dùng
- browser_action.default_icon: Đường dẫn tới file icon của extension
- browser_action.default_popup: File đầu tiên được gọi đến khi người dùng mở extension của bạn
- permissions: Các quyền mà extension muốn sử dụng. Như extension URL QrCode của mình cần truy cập vào URL hiện tại của tab, vì vậy mình cần khai báo permissions là tabs. Bạn có thể xem toàn bộ permissions tại đây.
- manifest_version: Là phiên bản của file manifest.json do google quy định. Bạn có thể đọc thêm tại đây, nếu bạn không hiểu thì cứ để mặc định là 2 nhé.
Nếu bạn muốn tìm hiểu chi tiết về các thành phần nội dung trong file manifest.json, bạn có thể đọc thêm ở đây.
2.3 Cài đặt thử lên chrome
Extension đã có, giờ chúng ta sẽ thêm vào chrome để xem nó hoạt động như thế nào nhé. Để thêm vào chrome bạn lần lượt thực hiện theo các bước sau:
- Bước 1: Truy cập vào Settings > More tools > Extensions [chrome://extensions] để mở trang quản lý các extension đã cài đặt.
- Bước 2: Bật chế độ Developer mode để cài thẳng extension vào chrome mà không cần phải download từ store.
- Bước 3: Nhấn nút Load unpacked, và chọn tới thư mục dist chứa extension mà chúng ta đã build ra ở mục 2.1.
Sau khi thực hiện 3 bước trên, nếu thành công thì bạn sẽ thấy extension của mình nằm trong danh sách các extension đã được cài đặt của chrome. Bạn có thể xem video dưới của mình để hiểu rõ hơn.
III. Đưa lên store
Về cơ bản, bạn đã tạo và cài đặt được một chrome extension. Giờ là lúc chúng ta đưa nó lên store để tiếp cận nhiều người sử dụng hơn.
Để có thể đưa lên store, bạn cần chuẩn bị trước một tài khoản dành cho Nhà phát triển. Phí đăng ký tài khoản này là $5 – thanh toán qua các thẻ Quốc tế như thẻ Visa.
Việc đưa lên store khá đơn giản
Bước 1: Đăng nhập tài khoản Nhà phát triển của bạn, sau đó truy cập vào Trang tổng quan dành cho nhà phát triển, nhấn vào nút Thêm mục mới.
Bước 2: Nén zip các file nằm trong thư mục dist và tải lên. Bạn có thể xem video của mình để hiểu rõ hơn.
Bước 3: Sau khi tải lên thành công, bạn sẽ được chuyển hướng vào một trang mới. Tại đây bạn sẽ phải điền một số nội dung để mô tả về extension vừa tải lên như sau:
- Ít nhất một ảnh chụp màn hình hoặc video youtube giới thiệu về extension của bạn. Nếu là hình ảnh thì phải có kích thước là 1280×800 hoặc 640×400.
- Một bài mô tả ngắn ngọn về extension của bạn.
- Một ảnh để làm avatar cho extension của bạn, có kích thước 128×128.
Trên là các thông tin mà mình nghĩ bạn nên chuẩn bị trước, ngoài ra còn một số thông tin khác nữa như chọn Danh mục cho extension, chọn Ngôn ngữ,… thì bạn chỉ cần làm theo hướng dẫn của Google là được. Sau cùng bạn nhấn vào nút Xuất bản các thay đổi để hoàn tất việc đưa extension lên store.
Sau khi nhấn nút Xuất bản, Google sẽ kiểm duyệt extension của bạn trong vòng 5 – 10 phút gì đó. Thường thì các extension đều được duyệt, trừ khi bạn cố tình làm điều gì đấy ảnh hưởng tới quyền lợi của người sử dụng thì Google mới từ chối.
Quá trình đưa extension lên store chỉ đơn giản, vẻn vẹn trong 3 bước vậy thôi.
IV. Kết luận
Việc tạo extension không khó, về cơ bản extension chỉ giống như một cái web, vậy nếu bạn làm được web thì chắc chắn cũng làm được extension. Mình chỉ cảm rắc rối là khi đưa extension lên store thì phải có tài khoản Nhà phát triển – đăng ký mất $5 và thanh toán qua thẻ Quốc tế – cái mà nhiều bạn không có.
Bài viết được viết dựa trên kinh nghiệm cá nhân, có chỗ nào khó hiểu cần được giải thích thêm thì bạn cứ mạnh dạn nói với mình nhé.
Chào tạm biệt.
Tài liệu tham khảo