แนะนำ Chrome Extensions
Sirichai Teerapattarasakul / August 18, 2023
3 min read
รวบรวมส่วนขยาย Chrome Web Store (Extensions) ที่ใช้บ่อย ทั้งที่เกี่ยวกับการพัฒนาเว็บไซต์ และที่เป็น Utility อื่นๆ ที่ทำให้ใช้งาน เว็บเบราว์เซอร์ Chrome ได้สะดวกยิ่งขึ้น ตามรายการดังนี้
Web development
- Dimensions,Designer Tools สำหรับวัด (Measure) หาค่ามิติ(Dimensions)ของ Element ในเว็บไซต์
- Web Developer Web developer tools
- Wappalyzer แสดง Technologies ของเว็บไซต์
- Redux DevTools เครื่องมือ Debug สำหรับ Redux เพื่อจัดการ State และ การเปลี่ยนแปลง (State changes)
- React Developer Tools เครื่องมือ Debug สำหรับ React
- Favicon Detector ค้นหาและแสดง Favicon รวมถึง Icon Logo หลักของเว็บ เพื่อดาวน์โหลด
- Debug CSS, Pesticide for Chrome (without hover bar), Outliner CSS สำหรับ Debug CSS โดยจะแสดง outline ในทุก elements บนเว็บไซต์ เพื่อให้ดูองค์ประกอบในแต่ละ element ง่ายขึ้น
- Instant Data Scraper ดูดข้อมูลจากเว็บไซต์ (Data Scraper) และ export เป็นไฟล์ Excel หรือ CSV
- Generate Slug Online สร้าง Slug อัตโนมัติ
- Mobile simulator - responsive testing tool สำหรับทดสอบ Responsive Design รวมถึงทำ Mockup หน้าจอของ Devices ต่างๆ
- JSON Viewer Pro แสดง JSON ในรูปแบบ Tree หรือ Chart view ให้ดูง่ายขึ้น
- VisBug สำหรับทดลองแก้ไข CSS/HTML บนหน้าเว็บ เพื่อช่วยให้เห็นภาพก่อนไปแก้ไข Code จริง หรือดู style โดยเพียงแค่ Mouse Hover ก็ได้
- WhatFont ไว้ดูว่าเว็บใช้ Font อะไร
- Simply Code Beautify แสดง Source Code ของไฟล์ js และ css ให้อ่านง่ายขึ้น
- UI Inspector - Live Style Editor ใช้สำหรับปรับแต่งแก้ไขหน้าเว็บไซต์โดยที่ไม่ต้องเข้าไปแก้ไขใน Inspect Mode
Website Analysis
- Web Developer Checklist สำหรับตรวจสอบเว็บไซต์ เช่น Analytics & Monitoring, Performance, Usability, Semantics, SEO, Code Quality, Accessibility, Security, Social Media, และ Structured Data
- Similarweb สำหรับวิเคราะห์เว็บไซต์ Traffic Rank และ Website Analysis
- META SEO inspector, Meta Explorer สำหรับดูข้อมูล Meta Tags และตรวจสอบ SEO Onpage ในหน้าเว็บ
- Check My Links ตรวจสอบ Link เสีย
- All in One SEO Analyzer by AIOSEO ช่วยวิเคราะห์ SEO เช่น meta descriptions, titles, keywords, และโครงสร้างของเนื้อหา Tags ต่างๆ ตรวจสอบพวก Sitemap และ robots.txt
Translate & Grammar checker
Block Websites (Stay Focused for Productivity)
- BlockSite
- Block Site
- Web Site blocker
- Block URLs Domains or Keywords
- F.B.(FluffBusting)Purity ไว้จัดการซ่อนส่วนต่างๆบน Facebook
- Social Fixer for Facebook ไว้จัดการซ่อนส่วนต่างๆ บน Facebook เสริมอีกตัว
Reader Mode
Utility
- find+ | Regex Find-in-Page Tool สำหรับ Find ข้อมูลใน page โดยใช้ regular expressions ร่วมด้วย
- Url Shortener,Url Shortener for Google Chrome,Url Shortener สร้าง short links และแสดง QR Code ด้วย
- Workona Tab Manager จัดการ Tab Manager
- Wikiwand: Wikipedia Modernized ทำให้อ่าน Wikipedia ได้ง่ายขึ้น โดยจะใช้ Design ใหม่ไปครอบของเดิม
- Strong Password Generator ตัวช่วยสร้างรหัสผ่าน
- Loom ช่วยบันทึก Screen Recorder และ Screen Capture
- Copy-paste with QR code สร้าง QR code จากการ selection ข้อความ
- The QR Code Extension ไว้กดสร้าง QR Code จากลิงค์ของเพจที่เปิดอยู่
- Save to Facebook ไว้บันทึกลิงค์เพจไว้อ่านทีหลังบน Facebook
- Take Webpage Screenshots Entirely - FireShot ไว้แคปภาพหน้าจอเว็บไซต์
- ESUIT | AD Blocker for Facebook ไว้ Block โฆษณาบน Facebook
- AI Grammar Checker & Paraphraser – LanguageTool ช่วยเขียนภาษาอังกฤษและภาษาอื่นๆ ตรวจสอบ Grammar พร้อมแก้ไขเรียบเรียงประโยค