https://github.com/mdn/webextensions-examples
ดูแลโดยทีมเสริมของ Mozilla
WEBEXTENSIONS เป็นวิธีการเขียนส่วนขยายเบราว์เซอร์: นั่นคือโปรแกรมที่ติดตั้งภายในเว็บเบราว์เซอร์ที่ปรับเปลี่ยนพฤติกรรมของเบราว์เซอร์หรือเว็บเพจที่โหลดโดยเบราว์เซอร์ WEBEXTENSIONS ถูกสร้างขึ้นในชุด APIs ข้ามเบราว์เซอร์ดังนั้น WEBEXTENSIONS ที่เขียนขึ้นสำหรับ Google Chrome, Opera หรือ Edge จะใช้ในกรณีส่วนใหญ่ทำงานใน Firefox ด้วย
พื้นที่เก็บข้อมูล "WebExtensions-Examples" เป็นคอลเลกชันของ WEBEXTENSIONS ที่เรียบง่ายสมบูรณ์และติดตั้งได้ ตัวอย่างแสดงวิธีการใช้ WEBEXTENSIONS API และคุณสามารถใช้เป็นจุดเริ่มต้นสำหรับ webExtensions ของคุณ
สำหรับดัชนีของตัวอย่างทั้งหมดให้ดูที่หน้า "Example Extensions" ใน MDN
ตัวอย่างมีให้ภายใต้ใบอนุญาตสาธารณะ Mozilla 2.0
หากต้องการใช้ที่เก็บข้อมูลก่อนอื่น
แต่ละตัวอย่างอยู่ในโฟลเดอร์ระดับบนสุดและมี readme สั้น ๆ อธิบายว่ามันทำอะไร หากต้องการดูว่าตัวอย่างทำงานอย่างไรให้ติดตั้งใน Firefox โดยทำตามคำแนะนำการติดตั้ง
หากต้องการค้นหาเส้นทางของคุณเกี่ยวกับโครงสร้างภายในของ Webextension ลองดูกายวิภาคของหน้า WEBEXTENSION ใน MDN
หากต้องการใช้ตัวอย่างเหล่านี้ใน Firefox ให้ใช้การเปิดตัว Firefox ล่าสุด อย่างไรก็ตามตัวอย่างส่วนใหญ่ทำงานกับรุ่นก่อนหน้า
ตัวอย่างบางส่วนขึ้นอยู่กับ APIs ที่มีเฉพาะใน Firefox รุ่นก่อนวางจำหน่าย ในกรณีที่เป็นกรณีตัวอย่างประกาศเวอร์ชันขั้นต่ำที่ต้องการในแอตทริบิวต์ strict_min_version
ของ browser_specific_settings key
ในไฟล์ manifest.json ของส่วนขยาย
ตัวอย่างบางส่วนทำงานเฉพาะในโดเมนหรือหน้าเฉพาะ รายละเอียดของข้อ จำกัด ใด ๆ ที่มีอยู่ในไฟล์ readme ของแต่ละตัวอย่าง ไม่มีตัวอย่างใดที่ทำงานในหน้าต่างการเรียกดูส่วนตัวโดยค่าเริ่มต้นดูส่วนขยายในการท่องเว็บส่วนตัวเพื่อดูรายละเอียด
เพื่อเรียกใช้ส่วนขยายตัวอย่าง:
about:debugging
คลิกโหลด add-on ชั่วคราวและเลือกไฟล์ manifest.json
ภายในโฟลเดอร์ของส่วนขยายตัวอย่าง นี่คือวิดีโอที่แสดงให้เห็นถึงวิธีการทำเช่นนี้web-ext run
สิ่งนี้จะเปิดตัว Firefox และติดตั้งส่วนขยายโดยอัตโนมัติ เครื่องมือนี้มีคุณสมบัติการพัฒนาเพิ่มเติมบางอย่างเช่นการโหลดซ้ำอัตโนมัติ ตัวอย่างเหล่านี้ถูกทดสอบใน Firefox พวกเขาอาจทำงานในเบราว์เซอร์อื่น ๆ หากเบราว์เซอร์รองรับ API ที่ใช้ โปรดทราบว่าตัวอย่างเหล่านี้ทั้งหมดใช้เนมสเป browser
และสัญญาว่าจะทำงานกับฟังก์ชั่นแบบอะซิงโครนัส ซึ่งหมายความว่าตัวอย่างจะไม่ทำงานในโครเมี่ยมเว้นแต่คุณจะใช้โพลีฟิลที่จัดทำโดย Mozilla ดูภาพรวมของ WEBEXTENSION API สำหรับข้อมูลเพิ่มเติม
หากต้องการเรียนรู้เพิ่มเติมเกี่ยวกับการพัฒนา WEBEXTENSIONS ดูเอกสาร WEBEXTENSIONS บน MDN สำหรับการเริ่มต้นคำแนะนำการสอนและเอกสารอ้างอิง API เต็มรูปแบบ
หากคุณพบปัญหา:
หากคุณไม่สามารถแก้ไขปัญหาได้ให้ยื่นข้อบกพร่อง
เรายินดีต้อนรับการมีส่วนร่วมไม่ว่าจะเป็นตัวอย่างใหม่คุณสมบัติใหม่การแก้ไขข้อผิดพลาดหรือการแปลสตริงที่มีการแปล โปรดดูไฟล์ที่มีส่วนร่วม MD สำหรับรายละเอียดเพิ่มเติม