Cách sử dụng giao diện Material Design của Chrome trên FireFox

Vào ngày 2 tháng 9 năm 2018, ngày đánh dấu kỷ niệm 10 năm sự ra đời của trình duyệt web Google Chrome. Là lúc này Google đã chính thức tung ra bản cập nhật cho trình duyệt mới nhất mang tên Google Chrome Version 69. Điểm đặc biệt từ Google Chrome 69 này đến từ giao diện Material Design.

Khác với bản cập nhật Google Chrome 68 gần đây, bản cập nhật này có một số cải tiến khác biệt hơn như các thanh Tab, nút bấm đều được bo tròn cho chúng ta cảm giác thoải mái, nhẹ nhàng và thanh thoát hơn. Chrome 69 còn giúp bạn tạo và quản lý mật khẩu khi mà Chrome sẽ tự động tạo mật khẩu đủ mạnh cho bạn và ghi nhớ nó để tự đăng nhập trong lần tiếp theo.

Mật khẩu đã lưu sẽ được đồng bộ lên tài khoản Google của bạn vì vậy bạn không còn phải đau đầu khi phải cố gắng nhớ 1 đống ký tự ngay cả khi bạn phải đăng nhập cùng một tài khoản trên nhiều thiết bị khác nhau như Smartphone hay Tablet. Các nền xám nhạt của Google cũng được chuyển sang nền trắng tinh khiết hơn, các gợi ý khi bạn gõ vào thanh địa chỉ giờ đây cũng hiển thị rõ ràng, với khoảng cách các kết quả xa hơn so với trước đây.

Ngoài ra, thanh địa chỉ và thanh tìm kiếm trước đây được tách thành hai phần riêng biệt thì nay với bản cập nhật mới này chúng đã được gộp lại thành một.

Để cập nhật lên bản Google mới nhất thì rất đơn giản chắc bạn nào cũng đã biết rồi. Vậy nên hôm nay mình xin chia sẻ một thủ thuật đặc biệt hơn cho các bạn thích sử dụng trình duyệt FireFox nhưng lại muốn được trải nghiệm giao diện Material Design mới của Google.

Đọc thêm:

Chúng ta bắt đầu thôi…….

Sử dụng giao diện Material Design của Google Chrome trên FireFox

Như các bạn đã biết thì đây chính là giao diện của thông thường của FireFox khi khởi động. Trông có vẻ khá đơn giản và quen thuộc rồi đúng không 😀

su-dung-giao-dien-Material-Design-cua-chrome-tren-firefox (1)

+ Bước 1 : Bạn cần cập nhật FireFox lên phiên bản mới nhất.

Việc cập nhật Fireox lên phiên bản mới nhất cũng vô cùng đơn giản thôi, bạn nâng cấp lên bằng cách bạn nhấp chuột vào biểu tượng 3 gạch ngang ở góc phải trên cùng của trình duyệt => sau đó chọn Help.

su-dung-giao-dien-Material-Design-cua-chrome-tren-firefox (2)

Tiếp tục nhấp chuột chọn About FireFox.

su-dung-giao-dien-Material-Design-cua-chrome-tren-firefox (3)

Và lúc này FireFox sẽ thực hiện check update, nếu có phiên bản mới thì FireFox sẽ tự động cập nhật lên phiên bản mới nhất.

su-dung-giao-dien-Material-Design-cua-chrome-tren-firefox (4)

+ Bước 2: Tiếp theo, bạn cần truy cập vào địa chỉ sau : https://github.com/muckSponge/MaterialFox

Thực hiện: Bạn hãy tải gói ZIP giao diện Material Design của Google Chrome về máy. Bạn nhấp chuột vào Clone or download => sau đó chọn Dowload ZIP.

su-dung-giao-dien-Material-Design-cua-chrome-tren-firefox (5)

+ Bước 3 : Sau khi tải về thành công. Bạn hãy giải nén file đó ra, bạn để ý sẽ thấy có 1 thư mục có tên là chrome. Bạn hãy để đó để chút xíu nữa chúng ta cần sử dụng tới nó đấy.

su-dung-giao-dien-Material-Design-cua-chrome-tren-firefox (6)

+ Bước 4: Bạn mở File Explorer lên và dán vào thanh địa chỉ đường dẫn có tên là :

%appdata%\Mozilla\Firefox\Profiles\

Hoặc một cách mở khác đó là bạn mở hộp thoại Run ra (Windows + R) => nhập vào lệnh %appdata%\Mozilla\Firefox\Profiles\ => và nhấn Enter để thực hiện.

su-dung-giao-dien-Material-Design-cua-chrome-tren-firefox (7)

+ Bước 5: Sau đó bạn nhấn phím Enter để truy cập vào. Bạn sẽ thấy có 2 thư mục chứa đuôi .default. Bạn hãy copy thư mục chrome lúc nãy và bỏ vào 2 thư mục có đuôi .default này.

su-dung-giao-dien-Material-Design-cua-chrome-tren-firefox (8)

Bạn thấy mình đã copy thành công rồi đấy. Thư mục chrome đã nằm trong thư mục có đuôi .default

su-dung-giao-dien-Material-Design-cua-chrome-tren-firefox (9)

Tương tự với thư mục còn lại.

su-dung-giao-dien-Material-Design-cua-chrome-tren-firefox (10)

+ Bước 6 : Bạn hãy khởi động trình duyệt FireFox lên => và nhập lệnh about:config vào thanh địa chỉ web.

su-dung-giao-dien-Material-Design-cua-chrome-tren-firefox (11)

=> Sau đó nhấn Enter và nhấp chuột chọn I accept the risk!

su-dung-giao-dien-Material-Design-cua-chrome-tren-firefox (12)

+ Bước 7: Tiếp tục nhập vào ô tìm kiếm cụm từ khóa svg.context-properties.content.enabled.

su-dung-giao-dien-Material-Design-cua-chrome-tren-firefox (13)

Sau đó hãy đổi giá trị Value từ false thành true nhé các bạn.

su-dung-giao-dien-Material-Design-cua-chrome-tren-firefox (14)

+ Bước 8: Kiểm tra kết quả.

OK ! Vậy là thành công rồi đấy, rất là đơn giản phải không các bạn 😀

Bạn thấy không, giao diện Material Design mới của Google Chrome đã có mặt trên FireFox rồi đó. Các góc đã được bo tròn, các Tab mà bạn đang làm việc với màu sắc sáng rõ nét nổi bật hơn các tab còn lại. Nhìn rất đẹp phải không các bạn.

su-dung-giao-dien-Material-Design-cua-chrome-tren-firefox (15)

Lời Kết

Vâng, như vậy là mình đã hướng dẫn rất cụ thể cho các bạn cách sử dụng giao diện Material Design của Google Chrome trên FireFox rồi nhé, và mình cũng xin kết thúc bài viết tại đây.

Cảm ơn các bạn đã theo dõi bài viết ngày hôm nay của mình. Chúc các bạn có những giờ làm việc thoải mái và đầy hiệu quả.

Chúc các bạn luôn vui vẻ và thành công !

CTV: Phan Minh Sang – Blogchiasekienthuc.com

Bài viết đạt: 5/5 sao - (Có 3 lượt đánh giá)
Note: Bài viết này hữu ích với bạn chứ? Đừng quên đánh giá bài viết, like và chia sẻ cho bạn bè và người thân của bạn nhé !

Administrator: Kiên Nguyễn

Có một câu nói của người Nhật mà mình rất thích đó là " Người khác làm được thì mình cũng làm được ". Chính vì thế mà hãy theo đuổi đam mê, thành công sẽ theo đuổi bạn ! Nếu như bạn đang gặp khó khăn và cần sự trợ giúp thì hãy comment phía bên dưới mỗi bài viết để nhận được sự hỗ trợ từ cộng đồng Blog Chia Sẻ Kiến Thức nhé.

Một vài lưu ý trước khi comment :

Thư điện tử của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *
Tất cả các comment của các bạn sẽ được giải đáp trong vòng 48h !
Không được sử dụng từ khóa trong ô 'Name', bạn hãy dùng tên thật hoặc Nickname của bạn !
Không dẫn link sang trang web/blog khác. Xem quy định comment tại đây. Thank All!

Leave a Reply

Your email address will not be published. Required fields are marked *

Shop