Dom Size Analyzer
Google Chrome DevTools Extension for analyzing DOM size
Dom Size Analyzerคืออะไร?
Dom Size Analyzer เป็นส่วนขยายของ Chrome ที่พัฒนาโดย Anand R และคุณลักษณะหลักของมันคือ "Google Chrome DevTools Extension for analyzing DOM size"
ภาพหน้าจอของส่วนขยาย
ดาวน์โหลดไฟล์ CRX ของส่วนขยาย Dom Size Analyzer
ดาวน์โหลดไฟล์ส่วนขยาย Dom Size Analyzer ในรูปแบบ crx และติดตั้งส่วนขยาย Chrome ด้วยตนเองในเบราว์เซอร์หรือแชร์ไฟล์ crx กับเพื่อนๆ เพื่อติดตั้งส่วนขยาย Chrome อย่างง่ายดาย
คำแนะนำในการใช้ส่วนขยาย
According to (https://developers.google.com/web/tools/lighthouse/audits/dom-size), an optimal DOM tree has the following properties:
-Has less than 1500 nodes total.
-Has a maximum depth of 32 nodes.
-Has no parent node with more than 60 child nodes.
We can use this devtool to analyze a page's DOM to easily find out which parts of the page are adding weight to it.
****NEW*****
Scrolling the DOM element into view and highlighting it when hovered in this devtool. ข้อมูลพื้นฐานของส่วนขยาย
| ชื่อ | |
| ID | mcneiimlodlbmohipgdbbglgbmaoojen |
| URL อย่างเป็นทางการ | https://chromewebstore.google.com/detail/dom-size-analyzer/mcneiimlodlbmohipgdbbglgbmaoojen |
| คำอธิบาย | Google Chrome DevTools Extension for analyzing DOM size |
| ขนาดไฟล์ | 58.04 KB |
| จำนวนการติดตั้ง | 3,631 |
| เวอร์ชันปัจจุบัน | 1.25 |
| อัปเดตครั้งล่าสุด | 2019-09-04 |
| วันที่เผยแพร่ | 2019-08-31 |
| คะแนน | 3.55/5 รวมทั้งหมด 11 คะแนน |
| ผู้พัฒนา | Anand R |
| ประเภทการชำระเงิน | free |
| ภาษาที่รองรับ | en |
| manifest.json | |
{
"update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
"manifest_version": 2,
"name": "Dom Size Analyzer",
"description": "Google Chrome DevTools Extension for analyzing DOM size",
"version": "1.25",
"permissions": [
"*:\/\/*\/*"
],
"devtools_page": "devtools.html",
"web_accessible_resources": [
"injectable.js"
],
"content_scripts": [
{
"matches": [
" | |
