Svelte Devtoolsคืออะไร?

Svelte Devtools เป็นส่วนขยายของ Chrome ที่พัฒนาโดย RedHatter271 และคุณลักษณะหลักของมันคือ "Browser devtools extension for debugging Svelte applications."

ภาพหน้าจอของส่วนขยาย

ดาวน์โหลดไฟล์ CRX ของส่วนขยาย Svelte Devtools

ดาวน์โหลดไฟล์ส่วนขยาย Svelte Devtools ในรูปแบบ crx และติดตั้งส่วนขยาย Chrome ด้วยตนเองในเบราว์เซอร์หรือแชร์ไฟล์ crx กับเพื่อนๆ เพื่อติดตั้งส่วนขยาย Chrome อย่างง่ายดาย

คำแนะนำในการใช้ส่วนขยาย

Svelte Devtools is a Chrome extension for the Svelte javascript framework. It allows you to inspect the Svelte state and component hierarchies in the Chrome Developer Tools.

After installing you will see new tab in Chrome DevTools. This tab displays a tree of Svelte components, HTMLx blocks, and DOM elements that were rendered on the page. By selecting one of the nodes in the tree, you can inspect and edit its current state in the panel to the right.

ข้อมูลพื้นฐานของส่วนขยาย

ชื่อ	Svelte Devtools
ID	ckolcbmkjpjmangdbmnkpjigpkddpogn
URL อย่างเป็นทางการ	https://chrome.google.com/webstore/detail/svelte-devtools/ckolcbmkjpjmangdbmnkpjigpkddpogn
คำอธิบาย	Browser devtools extension for debugging Svelte applications.
ขนาดไฟล์	55.92 KB
จำนวนการติดตั้ง	19,811
เวอร์ชันปัจจุบัน	1.3.0
อัปเดตครั้งล่าสุด	2021-01-02
วันที่เผยแพร่	2020-03-28
คะแนน	3.26/5 รวมทั้งหมด 53 คะแนน
ผู้พัฒนา	RedHatter271
อีเมล	[email protected]
ประเภทการชำระเงิน	free
เว็บไซต์ส่วนขยาย	https://github.com/RedHatter/svelte-devtools
URL หน้าช่วยเหลือ	https://github.com/RedHatter/svelte-devtools/issues
ภาษาที่รองรับ	en-US
manifest.json
{ "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx", "manifest_version": 2, "name": "Svelte Devtools", "version": "1.3.0", "description": "Browser devtools extension for debugging Svelte applications.", "icons": { "16": "icon-16.png", "24": "icon-24.png", "48": "icon-48.png", "96": "icon-96.png", "128": "icon-128.png" }, "permissions": [ "tabs", "" ], "background": { "scripts": [ "background.js" ] }, "devtools_page": "devtools\/index.html", "web_accessible_resources": [ "privilegedContent.js" ] }