LẬP TRÌNH EXTENSION CHO CHROME

Trong nội dung bài viết hôm nay chúng ta hãy thuộc nhau mày mò các luôn tiện ích không ngừng mở rộng được những các bạn lập trình với thiết kế thường dùng trong vượt trình phát triển website nha.


Google Chrome là một trong trình duyệt y web được cung ứng năm 2008, là giữa những sản phẩm danh tiếng và thành công của Google. Nó là 1 trong những trình chú ý web đa nền tảng gốc rễ với tài năng bảo mật cao cũng giống như mang cho trải nghiệm hoàn hảo nhất khi chú ý web. Hình như mình thấy nó còn có một số thuộc tính khá tiện nghi như là gợi ích các url trên thanh địa chỉ, tối ưu hóa việc áp dụng bộ nhớ, giảm thời hạn phản hồi trang, có thể sử dụng trên những thiết bị khác nhau...

Bạn đang xem: Lập trình extension cho chrome

*

không chỉ là vậy nó còn cung ứng các nhân thể ích mở rộng giúp phần đông lập trình viên tất cả thể cải thiện năng suất làm việc cũng như tiết kiệm thời gian và công sức. Hiện nay bạn hãy cùng mình xem những Chrome extension được sử dụng phổ biến nhé.


ứng dụng WhatRuns giúp họ xác định những technology web đang rất được sử dụng bên trên website như framework, phép tắc phân tích, plugin của Wordpress, Font... Bạn chỉ cần truy cập vào trang bạn thích và click vào hình tượng whatruns thì các thông tin đang hiện ra không hề thiếu chưa tới 1 phút. Ko kể ra bạn cũng có thể đăng ký để nhận thông báo khi trang web bạn muốn theo dõi thêm các technology mới vào mang đến trang web.

*
nguồn WhatRuns

WhatFont giúp bọn họ xác định thuận tiện xác định nhân tố của một trang web đang thực hiện font nào. Bạn chỉ cần thiết đặt và dịch rời chuột lên đối tượng người sử dụng mà bọn họ muốn coi là hoàn toàn có thể thấy tên fonts chữ của chính nó rồi. Thật dễ dàng và đơn giản phải ko nào.

*
nguồn WhatFont

Colorzilla giúp bạn có thể đọc giá trị màu của ngẫu nhiên đối tượng như thế nào trên trang web. Dường như nó còn cung cấp một số tài năng hữu ích khác ví như là tự động sao chép màu vào clipboard, hiển thị lịch sử hào hùng các màu sắc được chúng ta chọn sát đây, cỗ chọn màu nâng cao...

*
mối cung cấp Colorzilla

Window Resizer là một trong những công cụ đặc biệt quan trọng giúp bạn có thể xây dựng hay soát sổ tính responsive của trang web trên trình duyệt một cách mau lẹ như màn hình hiển thị điện thoại, laptop bảng, laptop, Desktop... Bên cạnh đó bạn cũng đều có thể tự động hóa điều chỉnh form size hiển thị nhưng mình mong mỏi muốn bằng phương pháp thiết lập phạm vi và độ dài cho hành lang cửa số trình duyệt.

*
mối cung cấp Window Resizer

web Developer là một trong những số không nhiều được rộng 1 triệu người dùng cài đặt. Nó giúp những lập trình viên web trong việc cách tân và phát triển và kiểm soát lỗi website một biện pháp nhanh chóng. App này là khu vực tập hợp các công cụ khác nhau như Disable, Cookies, CSS, Forms, Image... Bạn có thể dễ dàng tìm hầu hết hình ảnh bị lỗi, không được cho phép trang web chạy javascript, khám nghiệm CSS tất cả đạt tiêu chuẩn hay không, ẩn toàn bộ hình ảnh, hiển thị thông tin của những đường dẫn trong website hiện tại...

*
nguồn Web Developer

JavaScript và CSS Code Beautifier giúp làm đẹp lại mã CSS cùng Javascript giúp chúng ta dễ quan sát hơn. Thường thì khi bạn ta sở hữu một trang web lên hosting, để về tối ưu xuất sắc nhất có thể thì tín đồ ta hay nén những file CSS với Javascript bằng phương pháp xóa quăng quật những khoảng tầm trắng không cần thiết như hình ảnh sau đây:

*

Như bạn thấy thì chúng ta không thể tài nào xem code một cách thuận lợi được vì nó là các chữ liên tiếp liền kề nhau do đó tiện ích này giúp bọn họ sắp xếp code lại một cách khoa học và dễ quan sát hơn. Bạn xem hình hình ảnh bên dưới sau khoản thời gian ta sử dụng JavaScript và CSS Code Beautifier nhé:

*
nguồn JavaScript và CSS Code Beautifier

Postman là 1 ứng dụng giúp họ tạo các yêu ước HTTP mang lại máy chủ. Nó thiệt sự hữu ích khi chúng ta chạy hay bình chọn API cho chương trình của mình và nó cũng được cho phép bạn triển khai các yêu cầu GET, POST, DELETE, PUT một biện pháp dễ dàng. Hình như nó còn có diễn lũ với con số lập trình viên đông đảo giúp họ giải quyết các thắc lúc mới bước đầu sử dụng postman.

*
mối cung cấp Postman

Lorem Ipsum Generator giúp bọn họ nhanh chóng tạo nên một văn phiên bản bằng vấn đề xác định tùy chỉnh thiết lập số đoạn văn với số dòng mà bọn họ mong muốn. Khi chúng ta xây dựng các component trong trang web thì vấn đề dùng ngôn từ để bình chọn hay xem giải pháp nó hiển thị trên website là chuyện liên tục xảy ra. Vì vậy tiện ích này giúp chúng ta cũng có thể tạo ra đông đảo nội dung mang chỉ bởi một cú click chuột.

*
nguồn Lorem Ipsum Generator

CSSViewer giúp chúng ta xem thuộc tính CSS của một đối tượng người tiêu dùng trong website một cách tổng quát nhất như màu sắc, phông chữ, kích thước, vị trí... Bạn chỉ cần chọn ứng dụng này và đưa con chuột lên đối tượng mà họ muốn thì tin tức CSS sẽ auto hiện ra.

*
mối cung cấp CSSViewer

Page Ruler Redux giúp bọn họ lấy kích thước của một đơn vị chức năng trên website được tính bởi pixel. Nó phù hợp với hồ hết bạn kiến tạo web khi cần phải lấy chính xác kích thước của một yếu tố nào đó trên trang web.

Xem thêm: Đêm Nhớ Em - Bệnh Lậu (Gonorrhea)

*
nguồn Page Ruler Redux

TinEye Reverse Image Search sử dụng công nghệ nhận dạng hình ảnh giúp bạn tìm kiếm hình hình ảnh trong website với các tác dụng là những đường dẫn khác biệt chứa hình ảnh đó vẫn được chuyển đổi kích thước, chỉnh sửa hay có độ phân giải khác... Phương pháp thực hiện cũng khá đơn giản bạn click chuột phải vào hình mà bạn có nhu cầu tìm kiếm cùng chọn search Image on TinEye và chờ một tý là họ sẽ tất cả kết quả. Và dưới đây là tác dụng khi mình tìm kiếm hình ảnh của Google:

*
mối cung cấp Page TinEye Reverse Image tìm kiếm

Như các bạn đã biết khi áp dụng Google Chrome thì vấn đề sử dụng Ram luôn là một yếu tố đặc biệt để nâng cao tốc độ của dòng sản phẩm tính. App The Great Suspender giúp bọn họ tạm dừng những tab ko được sử dụng hỗ trợ cho trình duyệt có thể chạy mềm mịn và mượt mà hơn. Chúng ta có thể thực hiện tạm dừng cho các tab trong khoảng thời gian nhất định khi không được sử dụng như 20s, 1 phút, 5 phút... Nó cũng cung cấp thêm cho chúng ta vài hiện tượng hữu ích như tự động hóa đóng các tab đã phát âm thanh, xác định danh sách url mà lại bạn không muốn tạm ngưng...

*
nguồn Page The Great Suspender

Marmoset giúp họ lưu đoạn code trong chương trình dưới ngoại hình ảnh. Ví dụ nó sẽ khá tiện lợi khi bạn cần đưa một đoạn code của hàm trong chương trình lên các trang social để phân chia sẻ. Nó cũng cung ứng thêm mộ số nhân kiệt như điều chỉnh màu sắc, ngôn ngữ, chủ đề... Sẽ giúp bạn làm cho hình ảnh đoạn code của mình trông dễ nhìn hơn.

*
nguồn Marmoset

User-Agent Switcher giúp bạn cũng có thể kiểm tra trang web của chính mình trên các thiết bị cũng giống như những trình duyệt khác nhau mà không buộc phải phải thiết lập thêm bất cứ chương trình bổ sung cập nhật nào ví dụ như xem trang web của bạn khi hiện trên trình coi sóc Opera, Safary, Firefox, internet Explore...

*
nguồn User-Agent Switcher

Clear Cache bao gồm nhiệm vụ xóa sổ cache và dữ liệu duyệt web chỉ bởi một bí quyết nhấn chuột. Không tính ra chúng ta cũng có thể tùy chọn tài liệu muốn xóa như là bộ nhớ lưu trữ đệm ứng dụng, cookie, lịch sử, đại lý dữ liệu...

*
nguồn Clear Cache

React Developer Tools là cách thức gỡ lỗi React được cung cấp công cụ phát triển của Chrome. Nó chất nhận được bạn kiểm tra các component React một cách thuận tiện và nhanh lẹ trong thừa trình cải cách và phát triển website.

*
mối cung cấp React Developer Tools

kiểm tra My Links giúp bạn cũng có thể kiểm tra những đường dẫn bị hỏng(broken link) trong website chỉ bằng một chiếc nhấp chuột.

*
Nguồn kiểm tra My liên kết

Checkbot giúp chất vấn về tốc độ, bảo mật và SEO mang lại website với tương đối nhiều yếu tố đa dạng mẫu mã như là sitemap, 404 page, nội dung trùng lặp, file css javascript, https, url redirects...

*
nguồn Checkbot

Site Palette giúp bạn có thể tự động xuất ra nhiều bảng color của trang web đang áp dụng ở tức thì trên trình chăm nom một cách lập cập và dễ dàng.

*
mối cung cấp Site Palette

website Developer Checklist giúp bạn kiểm tra toàn bộ các yếu tố quan trọng mà một trang web nên có.

*
mối cung cấp Web Developer Checklist

EditThisCookie là chương trình thống trị cookie với trọng trách là giúp chúng ta cũng có thể thêm, xóa, chỉnh, sử, kiếm tìm kiếm, bảo đảm an toàn và chặn cookies trên những website.

*
nguồn EditThisCookie

sau đây mình sẽ giới thiệu một số phầm mềm giúp chúng ta cũng có thể cảm thấy thư giãn và bao gồm thêm tích điện để bắt đầu một ngày mới thao tác hiệu quả.

*
mối cung cấp Momentum
*
nguồn Tab Flickr
*
nguồn Earth View from Google Earth

Tổng kết:

Qua trên đây mình mong nội dung bài viết sẽ cung cấp thêm cho chính mình những nhân tiện ích không ngừng mở rộng của Google Chrome mà chúng ta cũng có thể sử dụng vào việc cải cách và phát triển web và nếu có thắc mắc gì cứ gửi thư điện tử mình đang phản hồi sớm nhất có thể có thể. Rất mong bạn liên tục ủng hộ trang web để mình có thể viết nhiều bài xích hay không dừng lại ở đó nhé. Chúc bạn có một ngày vui vẻ!