ส่วนขยายเบราว์เซอร์สำหรับ Chrome และ Firefox ที่เปิดรายการ URL และแยก URL จากข้อความเพิ่มเติม
ติดตั้งส่วนขยายผ่าน Chrome Web Store หรือ Add-On Firefox
ควรมีไอคอนในแถบเครื่องมือของเบราว์เซอร์ Chrome ซ่อนไอคอนส่วนขยายตามค่าเริ่มต้นดังนั้นคุณต้อง "ปัก" ลงในแถบเครื่องมือ คลิกปุ่ม "ส่วนขยาย" ในแถบเครื่องมือเพื่อทำเช่นนั้น จากนั้นคลิกที่ไอคอนของส่วนขยายป้อน URL และคลิกปุ่ม "เปิด"
โครงการนี้เขียนด้วย Vue.js โดยใช้ typeScript ใช้ VITE สำหรับการรวมกลุ่ม, Vitest สำหรับการทดสอบ, ESLINT สำหรับผ้าสำลีและสวยกว่าสำหรับการจัดรูปแบบ ต้องใช้เวอร์ชันโหนด> = 18 เพื่อสร้าง
เนื่องจากคำจำกัดความที่ไม่สามารถเข้ากันไม่ได้คำจำกัดความของ JSON จึงมีการสร้างแยกต่างหากสำหรับ Firefox และ Chrome
ครั้งแรก: ติดตั้งแพ็คเกจผ่าน npm install
จากนั้นใช้หนึ่งในคำสั่ง build ต่อไปนี้:
สั่งการ | คำอธิบาย | เอาต์พุต Dir |
---|---|---|
npm run dev:firefox | Live Build (โหมดนาฬิกา) สำหรับ Firefox | dist-firefox |
npm run dev:chrome | Live Build (โหมดนาฬิกา) สำหรับ Chrome | dist-chrome |
npm run build:firefox | การผลิตสร้างสำหรับ Firefox | dist-firefox |
npm run build:chrome | การผลิตสร้างสำหรับโครเมี่ยม | dist-chrome |
npm run build:all | การผลิตสร้างสำหรับเบราว์เซอร์ทั้งหมด | dist-firefox dist-chrome |
npm run package:firefox | แพ็คเกจสำหรับ Firefox | dist-package |
npm run package:chrome | แพ็คเกจสำหรับโครเมี่ยม | dist-package |
npm run package:all | แพ็คเกจสำหรับเบราว์เซอร์ทั้งหมด | dist-package |
ดูคำแนะนำสำหรับโครเมี่ยมและคำแนะนำสำหรับ Firefox เกี่ยวกับวิธีการโหลดส่วนขยายที่ไม่ได้บรรจุ
ดูที่ package.json
สำหรับสคริปต์ที่เรียกใช้ทั้งหมด