Tệp kê khai tiện ích mở rộng 'Kết quả phù hợp'

Question

Tôi đang cố gắng thực hiện một tiện ích Chrome đơn giản nhưng đang gặp sự cố với việc cung cấp giá trị cho mảng matches trong số content_scripts của mình.

{ 
    "name": "My Extension", 
    "version": "1.0", 
    "description": "My Extension Experiment", 
    "browser_action": { 
    "default_icon": "icon.png", 
    "default_title": "Ext", 
    "default_popup": "popup.html" 
    }, 
    "content_scripts": { 
    "matches": ["http://*"], 
    "js": ["scripts.js"] 
    } 
} 

Khi tôi cố gắng để tải phần mở rộng này vào Chrome, tôi nhận được thông báo sau:

Không thể tải phần mở rộng từ 'C: \ Users \ foo \ Desktop \ Extensions \ bar'.
Giá trị không hợp lệ cho 'content_scripts'.

Tôi không thể thấy "không hợp lệ" về giá trị của mình là gì. Những gì tôi đang cố gắng làm là phù hợp với mọi URL, vì vậy phần mở rộng của tôi có thể thao tác DOM (thông qua javascript trong scripts.js) của bất kỳ trang nào mà nó đang chạy. Tôi có bỏ lỡ điều gì đó, hay không, hay chuyện gì?

cập nhật

Sau khi đăng câu hỏi này, tôi đã thông báo rằng ví dụ Google là hơi khác so với tôi, vì vậy tôi sửa đổi mã của tôi một chút để phản ánh cú pháp của họ:

"content_scripts": [{ 
    "matches": ["http://*"], 
    "js": ["scripts.js"] 
}] 

Đó là cho biết, tôi vẫn gặp lỗi sau khi cố gắng tải tiện ích mở rộng của mình:

Không thể tải phần mở rộng từ 'C: \ Users \ foo \ Desktop \ Ex căng thẳng \ bar '.
Giá trị không hợp lệ cho 'content_scripts [0] .matches [0]'.

Answer 1

Bạn cần phải đưa giá trị của lĩnh vực content_scripts trong dấu ngoặc vuông:

"content_scripts": [ { 
    "matches": ["http://*"], 
    "js": ["scripts.js"] 
} ] 

(thấy Chrome Docs để biết thêm)

Ngẫu nhiên, sử dụng http://*/* sẽ là một trận đấu tốt hơn cho tất cả url (xem docs), thêm https://*/* nếu bạn cũng cần phải khớp với các url đó.

Edit:

Sau chỉnh sửa của bạn, lỗi mà bạn đang nhận được là do tính chất trận đấu là không chính xác.

Answer 2

Nếu bạn muốn kết hợp tất cả các URL, sau đó Google có một mô hình đặc biệt chỉ dành riêng cho mục đích này: <all_urls>

mẫu sử dụng:

"matches": ["<all_urls>"], 

Xem trang này để biết thêm: https://developer.chrome.com/extensions/match_patterns

Answer 3

Đối với nhiều người đang gặp lỗi liên quan đến:

'content_scripts[0].matches' is missing or invalid. 

hoặc

'content_scripts[0].matches[0]': Empty path. 

Đang cố gắng điền vào, hoặc tạo, lĩnh vực trận đấu với URL cụ thể của bạn cần. Nếu bạn muốn sử dụng tất cả các URL, hãy sử dụng thẻ <all_urls> như dưới đây.

"content_scripts": [ 
     { 
      "matches": ["<all_urls>"], 
      "js": [ "jquery.js" ] 
     } 
    ] 

Các tệp được liệt kê trong mảng "js" có đường dẫn tương ứng với ứng dụng của bạn. Nói cách khác, vị trí của "manifest.json" là thư mục gốc của bạn.

Lưu ý: jquery.js là một tệp trong thư mục của dự án của tôi và bạn nên thay thế tệp đó bằng bất kỳ tệp tập lệnh nào bạn muốn.