web developer

นักพัฒนาเว็บ

ส่วนขยายของนักพัฒนาเว็บเพิ่มเครื่องมือนักพัฒนาเว็บที่หลากหลายให้กับเบราว์เซอร์ ส่วนขยายมีให้สำหรับ Chrome, Edge, Firefox และ Opera และจะทำงานบนแพลตฟอร์มใด ๆ ที่เบราว์เซอร์เหล่านี้รองรับรวมถึง Windows, OS X และ Linux

ส่วนขยายสามารถติดตั้งได้จากโฮมเพจ:

• หน้าแรก: https://chrispederick.com/work/web-developer/

หรือโดยตรงจาก chrome, Edge, Firefox หรือ Opera Extension Extension Extension:

• Chrome: https://chromewebstore.google.com/detail/web-developer/bfbameneiokkgbdmiekhjnmfkcnldhhm
• Edge: https://microsoftedge.microsoft.com/addons/detail/web-developer/ilbdhapjffldgngebmnkdodohjapjccm
• Firefox: https://addons.mozilla.org/en-us/firefox/addon/web-developer/
• Opera: https://addons.opera.com/en/extensions/details/web-developer/

การประกาศ

สำหรับการประกาศเกี่ยวกับส่วนขยายของนักพัฒนาเว็บรวมถึงข่าวเกี่ยวกับการเผยแพร่เบต้าและตัวอย่างของเวอร์ชันที่กำลังจะมาถึง:

• บล็อก: https://chrispederick.com/blog/
• mastodon: https://social.lol/@chrispederick

ช่วย

ความช่วยเหลือสำหรับส่วนขยายของนักพัฒนาเว็บสามารถพบได้ในหน้าแรก:

• ช่วย: https://chrispederick.com/work/web-developer/help/
• ปัญหาที่รู้จัก: https://chrispederick.com/work/web-developer/issues/
• รายการสิ่งที่ต้องทำ: https://chrispederick.com/work/web-developer/to-do/

หากต้องการรายงานปัญหาใหม่หรือแนะนำคุณสมบัติใหม่โปรดติดต่อฉัน:

• ติดต่อ: https://chrispederick.com/contact/

ผู้พัฒนา

เทคโนโลยี

ส่วนขยายของนักพัฒนาเว็บถูกเขียนขึ้นใน JavaScript, HTML และ CSS

เอกสารขยาย

สำหรับข้อมูลเกี่ยวกับวิธีการเขียนส่วนขยายเบราว์เซอร์ตรวจสอบเอกสาร Chrome, Firefox และ Opera:

• Chrome: https://developer.chrome.com/docs/extensions/
• Edge: https://learn.microsoft.com/en-us/microsoft-edge/extensions-chromium/
• Firefox: https://developer.mozilla.org/en-us/docs/mozilla/add-ons
• Opera: https://dev.opera.com/extensions/

สร้างกระบวนการ

ส่วนขยายใช้ระบบการสร้างอึก

เมื่อติดตั้งอึกแล้วส่วนขยายจะถูกสร้างขึ้นโดยการเรียกใช้สิ่งต่อไปนี้:

 gulp

ในการสร้างส่วนขยายสำหรับ Chrome, Edge, Firefox หรือ Opera เท่านั้นเรียกใช้ gulp chrome , gulp edge , gulp firefox หรือ gulp opera ตามลำดับ

เมื่อส่วนขยายถูกสร้างขึ้นมันจะสร้าง build/chrome , build/edge , build/firefox และ build/opera ไดเรกทอรีรวมถึงเวอร์ชันของส่วนขยาย build/web-developer-chrome.zip build/web-developer-firefox.xpi build/web-developer-edge.zip build/web-developer-opera.nex

ส่วนขยายสามารถติดตั้งได้ใน Chrome, Edge, Firefox หรือ Opera โดยการโหลดส่วนขยายที่ไม่ได้บรรจุใน build/chrome , build/edge , build/firefox หรือ build/opera ตามลำดับตามที่อธิบายไว้ในเอกสาร Chrome, Edge, Firefox และ Opera

รวมห้องสมุด

ห้องสมุดต่อไปนี้ถูกใช้และรวมอยู่ในส่วนขยายตามที่ IS:

• bootstrap: https://getbootstrap.com/
• Codemirror: https://codemirror.net/
• Dompurify: https://github.com/cure53/dompurify
• รีเซ็ต CSS ของ Eric Meyer: https://meyerweb.com/eric/tools/css/reset/
• JS Beautifier: https://github.com/beautify-web/js-beautify
• Mustache.js: https://github.com/janl/mustache.js/ นำเข้าจาก https://unpkg.com/browse/[email protected]/mustache.js

พวกเขาไม่ควรเปลี่ยนจากการอัปเดตเป็นเวอร์ชันล่าสุดของพวกเขาเพื่อเหตุผลการบำรุงรักษา

ไอคอน

ไอคอนที่ใช้ในส่วนขยายมาจากนิวเคลียสและไอคอนใหม่ที่ใช้ในส่วนขยายควรมาจากที่นั่นเพื่อความสอดคล้อง

การกำหนดค่าตัวแก้ไข

ไฟล์ editorConfig ถูกรวมไว้เพื่อรวมรูปแบบการเข้ารหัสสำหรับบรรณาธิการที่แตกต่างกัน

กิตติกรรมประกาศ

สนับสนุนโดย:

• อ่านหนังสือ

ผู้เขียน

Chris Pederick

• https://chrispederick.com/
• https://social.lol/@chrispederick

ใบอนุญาต

ไฟล์ทั้งหมดมีการแจกจ่ายฟรีภายใต้เงื่อนไขของใบอนุญาตสาธารณะ GNU ทั่วไป สิ่งนี้ไม่ได้ใช้กับห้องสมุดหรือไอคอนที่รวมอยู่ในส่วนนักพัฒนาซึ่งมีใบอนุญาตของตนเอง