angledew4

Bạn đang tìm kiếm một hướng dẫn để viết các tiện ích mở rộng chrome? Không có gì ngạc nhiên khi trình duyệt yêu thích của tôi là Google Chrome. Tôi thích nó vì nó nhanh, đáng tin cậy, không có lỗi (rất hiếm) và có giao diện đẹp. Cũng có những thứ mà tôi thấy giá trị hơn. Rõ ràng, bạn có thể tạo tiện ích mở rộng (hoặc các tiện ích mở rộng) cho nó chỉ bằng HTML, CSS và JavaScript?. Tôi luôn ủng hộ các sản phẩm mở cho cộng đồng và Chrome là một trong số đó. Nếu bạn cần một cái gì đó nhưng chưa làm được, bạn có thể tự phát triển nó.Vì vậy, vào cuối bài đăng này, bạn sẽ thấy tiện ích mở rộng Chrome này đang chạy bằng hầu hết các kỹ thuật được mô tả bên dưới. Bạn có thể tải xuống ví dụ hoàn chỉnh bằng cách sử dụng nút "Tải xuống" ở đầu trang này.Tại sao phải viết tiện ích mở rộng chrome của riêng bạnTôi luôn khuyến khích mọi người sử dụng các công cụ tốt hơn để tăng tốc quy trình làm việc của họ. Phần mềm chúng tôi sử dụng sẽ giúp ích cho chúng tôi và chúng tôi không nên lãng phí thời gian vào nó. Việc phát triển các tiện ích mở rộng / bổ trợ cho trình soạn thảo hoặc trình duyệt yêu thích của bạn sẽ không chỉ giúp ích cho bạn mà còn cả những lập trình viên khác, những người sớm hay muộn cũng gặp phải trường hợp tương tự. Nếu thiếu thứ gì đó, bạn có thể tạo của riêng mình và điều này khá dễ dàng với Chrome. Mô hình hóa môi trường xung quanh nhu cầu của bạn là chìa khóa để tăng hiệu quả.Phát triển và thử nghiệm các tiện ích mở rộng của chromeMay mắn thay, có một cách để kiểm tra tiện ích mở rộng của bạn mà không cần tải nó lên Cửa hàng Chrome. Trong thanh địa chỉ của trình duyệt, chỉ cần nhập:Đầu tiênchrome: // extensionsĐảm bảo bạn đã chọn "Chế độ nhà phát triển", sau đó nhấp vào nút "Tải tiện ích mở rộng đã giải nén ...". Sau đó, chỉ cần chọn thư mục từ ổ cứng của bạn nơi chứa các tệp mở rộng.ngành công nghiệp xây dựngĐây là sơ đồ kiến ​​trúc của tiện ích mở rộng Chrome:Bây giờ chúng ta hãy xem xét kỹ hơn từng thành phần trong kiến ​​trúc.Hiện raĐiểm bắt đầu cho phần mở rộng là tệp kê khai.json. Nó phải chứa một đối tượng JSON hợp lệ. Ví dụ:"name": "Tiện ích mở rộng hành động của trình duyệt","phiên bản": "0.0.1","phiên bản kê khai": 2,"hành động của trình duyệt": "default_title": "Đây là một chú giải công cụ","default_popup": "popup.html"Thuộc tính bắt buộc là tên tệp kê khai, phiên bản và phiên bản. Phiên bản có thể là bất kỳ số nào từ 1 đến 4, một số nguyên được phân tách bằng dấu chấm. Đây là những gì hệ thống cập nhật tự động của Google sử dụng. Đây là cách nó biết khi nào cần cập nhật tiện ích mở rộng. Giá trị của tệp kê khai phải là số nguyên 2.Tệp kê khai có thể chứa các thuộc tính khác, tùy thuộc vào loại tiện ích mở rộng bạn cần, nhưng tôi sẽ chỉ mô tả những thuộc tính mà tôi thấy thú vị.trang nềnMỗi tiện ích mở rộng có một trang nền ẩn được chạy bởi trình duyệt. Có hai loại - trang nền cố định và trang sự kiện. Cái đầu tiên hoạt động, mọi lúc. Cái thứ hai chỉ hoạt động khi cần thiết. Google khuyến khích các nhà phát triển sử dụng các trang sự kiện vì nó tiết kiệm bộ nhớ và cải thiện hiệu suất tổng thể của trình duyệt. Tuy nhiên, cũng nên biết rằng đây cũng là nơi bạn nên đặt logic và khởi tạo chính của mình. Thường thì trang / tập lệnh phụ trợ hoạt động như một cầu nối giữa các phần khác nhau của tiện ích mở rộng.Đây là cách bạn nên mô tả nó trong tệp kê khai của mình:"lai lịch": "script": ["background.js"],"dai dẳng": false / trueNhư bạn có thể đoán, nếu thuộc tính liên tục là false, thì bạn đang sử dụng trang sự kiện. Nếu không, bạn sẽ sử dụng một trang nền cố định.nội dung kịch bản https://unsplash.com/@loanpantry0 Hướng dẫn viết extension chromeCách bắt chuyện với người lạCách kiếm tiền cho học sinhCatalog là gì?Phân biệt remarketing và retagetingNiche Marketing là gì?Cách SEO FacebookPerformance? là gì?Data là gì?đắc ýNếu bạn cần truy cập DOM của trang hiện tại, bạn cần sử dụng các tập lệnh nội dung. Mã chạy trong ngữ cảnh của trang web hiện tại, có nghĩa là nó sẽ được thực thi mỗi lần làm mới. Để thêm một tập lệnh như vậy, hãy sử dụng cú pháp sau."nội dung tập lệnh": ["match": ["https: // * / *", "https: // * / *"],"js": ["content.js"]]Hãy nhớ rằng giá trị của các kết quả phù hợp sẽ xác định các trang mà tập lệnh của bạn sẽ được sử dụng. Đọc thêm về các mẫu phù hợp tại đây.Giao diện người dùngCó một số cách để xây dựng giao diện người dùng (UI) cho tiện ích mở rộng của bạn. Dưới đây là bốn cách phổ biến nhất.hoạt động trình duyệtHầu hết các nhà phát triển sử dụng thuộc tính "browser_action" để xây dựng các plugin của họ. Sau khi thiết lập, một biểu tượng đại diện cho tiện ích mở rộng của bạn sẽ được đặt ở phía bên phải của thanh địa chỉ. Sau đó, người dùng có thể nhấp vào biểu tượng và mở một cửa sổ có nội dung HTML mà bạn kiểm soát.