เว็บไซต์นี้ ทำจากอะไร วิธีดูว่าเว็บไซต์ ทำจากภาษา ปลั๊กอิน เฟรมเวิร์ค อะไร

<h2>เว็บไซต์นี้ ทำจากอะไร วิธีดูว่าเว็บไซต์ ทำจากภาษา ปลั๊กอิน เฟรมเวิร์ค อะไร<&sol;h2>&NewLine;<p><&sol;br><br &sol;>&NewLine;<strong>เว็บไซต์นี้ ทำจากอะไร วิธีดูว่าเว็บไซต์ ทำจากภาษา ปลั๊กอิน เฟรมเวิร์ค อะไร<&sol;strong><&sol;p>&NewLine;<p>บางทีเวลาที่เราท่องเว็บ อาจจะไปเจอเว็บไซต์ที่ถูกใจ แบบว่า เฮ้ย เจ๋งอ่ะ ต้องการอะไรแบบนี้ เราก็คงจะอยากรู้ว่า เว็บไซต์นี้ถูกพัฒนาขึ้นมาจาก ภาษา ปลั๊กอิน หรือเฟรมเวิร์คอะไร เผื่อจะได้ไปศึกษาเพื่อนำมาใช้งานบ้าง<&excl;--more--><br &sol;>&NewLine;<&sol;br><&sol;p>&NewLine;<p>สำหรับทีมทำเว็บไซต์ ทั้งในด้านการพัฒนาเว็บไซต์และการตลาด เราคงมีคำถามอยู่ในใจอยู่นิด ๆ ว่าเว็บไซต์องค์กรขนาดใหญ่ระดับ จำกัด มหาชน หรือหน่วยงานรัฐบาล เข้าเลือกที่จะทำเว็บไซต์โดยใช้เทคโนโลยีอะไรบ้าง การทำส่วน frontend เลือกใช้ framework อะไร และการทำส่วน backend เป็น framework อะไร ใช้ภาษาอะไรในการพัฒนา หรือเลือกที่จะใช้ CMS ในการพัฒนามากกว่า แล้ว WebServer เลือกที่จะใช้อะไร Apache&comma; Nginx หรือ IIS<&sol;p>&NewLine;<p><&sol;br><br &sol;>&NewLine;ในบทความนี้จะแนะนำ Google Chrome Extension ที่มีชื่อว่า wappalyzer เจ้าตัวนี้จะสามารถบอกให้เรารู้ได้ว่า เว็บไซต์นั้น ๆ ถูกพัฒนามาจาก Web Framework ทั้งส่วน frontend และ backend&comma; Programming Language เวอร์ชั่นอะไร ติดตั้งและใช้งานบน Server Platform อะไร และมีการลงลึกถึงขนาดที่ว่า มีการใช้งาน Libraries อะไรบ้าง ติดตั้ง Google Analytics หรือไม่<br &sol;>&NewLine;<&sol;br><&sol;p>&NewLine;<h4>wappalyzer บอกอะไรเราบ้าง &quest;<&sol;h4>&NewLine;<p><&sol;br><&sol;p>&NewLine;<ul>&NewLine;<li><strong>เราจะสามารถรู้ได้ว่าใช้ Frontend Framework &sol; Libraries อะไร<&sol;strong>&NewLine;<ul>&NewLine;<li>Twitter Bootstrap<&sol;li>&NewLine;<li>ZURB foundation <&sol;li>&NewLine;<li>Materialize<&sol;li>&NewLine;<li>jQuery<&sol;li>&NewLine;<&sol;ul>&NewLine;<&sol;li>&NewLine;<p><&sol;br><&sol;p>&NewLine;<li><strong>เราจะสามารถรู้ได้ว่าใช้ Backend Framework อะไร<&sol;strong>&NewLine;<ul>&NewLine;<li>Laravel<&sol;li>&NewLine;<li>Codeigniter<&sol;li>&NewLine;<li>Yii 2<&sol;li>&NewLine;<li>Symfony<&sol;li>&NewLine;<li>Phalcon<&sol;li>&NewLine;<li>Zend Framework<&sol;li>&NewLine;<&sol;ul>&NewLine;<&sol;li>&NewLine;<p><&sol;br><&sol;p>&NewLine;<li><strong>เราจะสามารถรู้ได้ว่าใช้ CMS อะไร<&sol;strong>&NewLine;<ul>&NewLine;<li>WordPress<&sol;li>&NewLine;<li>Joomla<&sol;li>&NewLine;<li>Drupal<&sol;li>&NewLine;<&sol;ul>&NewLine;<&sol;li>&NewLine;<p><&sol;br><&sol;p>&NewLine;<li><strong>เราจะสามารถรู้ได้ว่าใช้ Plugin &sol; Widget อะไร<&sol;strong>&NewLine;<ul>&NewLine;<li>Font Awesome<&sol;li>&NewLine;<li>Google Font<&sol;li>&NewLine;<li>Google Analytics<&sol;li>&NewLine;<li>AddToAny<&sol;li>&NewLine;<li>Modernizr<&sol;li>&NewLine;<li>Facebook <&sol;li>&NewLine;<&sol;ul>&NewLine;<&sol;li>&NewLine;<p><&sol;br><&sol;p>&NewLine;<li><strong>Web Server อะไร<&sol;strong>&NewLine;<ul>&NewLine;<li>Apache<&sol;li>&NewLine;<li>Nginx<&sol;li>&NewLine;<li>IIS<&sol;li>&NewLine;<&sol;ul>&NewLine;<&sol;li>&NewLine;<&sol;ul>&NewLine;<p><&sol;br><&sol;p>&NewLine;<h4>สรุปว่าเว็บไซต์ส่วนใหญ่พัฒนาจาก Framework อะไรเป็นส่วนใหญ่<&sol;h4>&NewLine;<p>หลังจากที่ได้ลองแอบส่องเว็บไซต์ขององค์กรใหญ่ ๆ ในประเทศไทยในทุกประเภทธุรกิจ ธนาคาร อาหาร สื่อสาร &lpar; ค่ายมือถือ &rpar; รถยนต์ ประกันชีวิต เว็บไซต์ราชการ ผลลัพธ์ที่ค่อนข้างเห็นชัดเจน และสรุปได้ดังนี้ครับ<&sol;p>&NewLine;<ul>&NewLine;<li>เว็บไซต์ราชการส่วนใหญ่ พัฒนาจาก Joomla CMS<&sol;li>&NewLine;<li>เว็บไซต์องค์กรมหาชนที่เป็นเอกชนเช่น รถยนต์ อาหาร ประกันชีวิต ส่วนใหญ่ใช้ Laravel และ Codeigniter<&sol;li>&NewLine;<li>เว็บไซต์ธนาคาร ส่วนใหญ่พัฒนาจาก Microsoft ASP&period;NET &sol; SharePoint<&sol;li>&NewLine;<li>เว็บไซต์ส่วนใหญ่ Frontend Framework ยังเป็น Bootstrap&comma; jQuery<&sol;li>&NewLine;<&sol;ul>&NewLine;<p><&sol;br><&sol;p>&NewLine;<h4>วิธีติดตั้งและใช้งาน wappalyzer extension<&sol;h4>&NewLine;<p><&sol;br><&sol;p>&NewLine;<ul>&NewLine;<li>1&period; เปิด Google Chrome Browser และไปที่หน้าสำหรับเพิ่ม <a href&equals;"https&colon;&sol;&sol;chrome&period;google&period;com&sol;webstore&sol;detail&sol;wappalyzer&sol;gppongmhjkpfnbhagpmjfkannfbllamg" target&equals;"&lowbar;blank">wappalyzer extension<&sol;a><&sol;li>&NewLine;<li>2&period; กดปุ่ม add extension รอจนกว่าจะติดตั้งเสร็จ ถ้าไม่มีอะไรผิดพลาดจะปรากฏไอคอน wappalyzer ที่มุมบนขวามือของ Google Chrome หลังการติดตั้งถ้ายังไม่แสดงไอคอน ให้ลองปิด Google Chrome และเปิดใหม่<br &sol;>&NewLine;<&sol;br><br &sol;>&NewLine;<strong>หลังติดตั้งเสร็จจะแสดงไอคอนของ wappalyzer extension เป็นสีเทา<&sol;strong><br &sol;>&NewLine;<img src&equals;"https&colon;&sol;&sol;www&period;codebee&period;co&period;th&sol;labs&sol;wp-content&sol;uploads&sol;2017&sol;04&sol;วิธีดูเครื่องมือที่ใช้ทำเว็บไซต-2&period;png" alt&equals;"วิธีดูเครื่องมือที่ใช้ทำเว็บไซต์" &sol;><br &sol;>&NewLine;<&sol;br>&NewLine;<&sol;li>&NewLine;<li>3&period; จากนั้นให้เปิดเว็บไซต์ที่เราอยากรู้ว่าพัฒนามาจาก framework หรือใช้ libaries อะไรบ้างในการพัฒนา และถ้า wappalyzer ตรวจพบก็จะเปลี่ยนไอคอนจากสีเทาไปเป็นไอคอนของ framework นั้น<br &sol;>&NewLine;<&sol;br><br &sol;>&NewLine;<strong>ตัวอย่างการทำงานเมื่อคลิกที่ไอคอน wappalyzer extension<&sol;strong><br &sol;>&NewLine;<img src&equals;"https&colon;&sol;&sol;www&period;codebee&period;co&period;th&sol;labs&sol;wp-content&sol;uploads&sol;2017&sol;04&sol;วิธีดูเครื่องมือที่ใช้ทำเว็บไซต์-3&period;png" alt&equals;"วิธีดูเครื่องมือที่ใช้ทำเว็บไซต์" &sol;><br &sol;>&NewLine;<&sol;br>&NewLine;<&sol;li>&NewLine;<&sol;ul>&NewLine;<p>จากตัวอย่างรูปภาพด้านบนจะเป็นว่า wappalyzer ได้ให้ข้อมูลเว็บไซต์ <a href&equals;"http&colon;&sol;&sol;www&period;codebee&period;co&period;th&sol;labs&sol;" target&equals;"&lowbar;blank">www&period;codebee&period;co&period;th&sol;labs&sol; <&sol;a> ว่าถูกพัฒนามาจาก WordPress CMS มีการใช้งาน Google API และภาษาคือ PHP ส่วน frontend ถูกพัฒนาจาก Bootstrap framework ฝั่งเซิฟเวอร์เป็น Apache Server เป็นต้น<br &sol;>&NewLine;<&sol;br><&sol;p>&NewLine;