เทคโนโลยีหลายอย่างเข้าร่วมในการสร้างเว็บไซต์ ระบบจัดการเนื้อหา เฟรมเวิร์ก ภาษาสคริปต์และการเขียนโปรแกรมที่แตกต่างกัน ระบบชำระเงิน... และอื่นๆ อีกมากมาย!
หากคุณสงสัยว่าเว็บไซต์โปรดของคุณทำงานอย่างไร หรือต้องการดูว่าเว็บไซต์หนึ่งใช้สิ่งที่น่าสงสัยหรือไม่ บทความนี้จะแสดงวิธีหลายอย่างในการดูภายใต้ฝาเครื่องและดูว่ามันสร้างขึ้นอย่างไร
ดูโค้ดของเว็บไซต์
หากคุณไม่ใช่นักพัฒนา หรือเพิ่งเริ่มต้น คุณกำลังจะเรียนรู้ความลับในการเขียนโปรแกรมที่ดีขึ้น ดูโค้ดของคนอื่น เราได้แสดงวิธีใช้ Chrome Developer Tools เพื่อทำเช่นนั้นแล้ว
Chrome DevTools จะช่วยให้คุณดู HTML, JavaScript และ CSS ของเว็บไซต์ ค้นหาว่าพวกเขาอาจใช้แหล่งข้อมูลอะไร รวมถึงวิธีตรวจสอบประสิทธิภาพการโหลดของเว็บไซต์ในเบราว์เซอร์ เบราว์เซอร์เว็บหลักทุกตัวมีเครื่องมือสำหรับนักพัฒนาบางรูปแบบให้ใช้งาน
BuiltWith
BuiltWith.com เป็นทรัพยากรระดับมืออาชีพที่เจาะลึกเว็บไซต์เพื่อดูเทคโนโลยีทั้งหมดที่พวกเขาใช้ ปัจจุบันพวกเขาครอบคลุมเว็บไซต์มากกว่า 673 ล้านเว็บไซต์และยังนับต่อไป แนวคิดหลักของเว็บไซต์คือช่วยสร้างลีดสำหรับคนในฝ่ายขายซอฟต์แวร์
คุณสมบัติขั้นสูงมีให้เฉพาะผ่านการสมัครสมาชิกแบบจ่ายเงิน แต่ทุกคนสามารถไปที่ BuiltWith.com ป้อนที่อยู่เว็บไซต์ ชื่อเทคโนโลยี หรือคีย์เวิร์ด และได้โปรไฟล์เทคโนโลยีโดยละเอียด สมัครบัญชีฟรีและคุณสามารถค้นหาได้ 5 ครั้งต่อวัน
Netcraft Site Report
Netcraft เป็นทรัพยากรสำหรับนักพัฒนาเว็บมาตั้งแต่ปี 1995 ความเชี่ยวชาญของพวกเขาเกิน 25 ปีแสดงออกในเครื่องมือ Site Report ฟรีของ Netcraft มันรวมรายงานเทคโนโลยีกับรายงานพื้นหลัง "ว่าเป็นเจ้าของเว็บไซต์" ดังนั้นคุณจึงได้ภาพรวมที่ครอบคลุมของเว็บไซต์ คุณจะรู้ว่ามีโฮสติ้งที่ไหน และเป็นของใคร รวมถึงประวัติโดเมนบ้าง
Netcraft Site Report ดูเหมือนจะอนุญาตให้ค้นหาไม่จำกัด แต่ก็ควรใช้เฉพาะเมื่อคุณต้องการจริงๆ มันเป็นทรัพยากรฟรีและชุมชนนักพัฒนาอยากให้มันคงอยู่ในลักษณะนี้
W3Techs' Sites Info
เครื่องมือ W3Techs' Sites Info ทำงานต่างจากเครื่องมืออื่นๆ เล็กน้อย พวกเขาเก็บฐานข้อมูลข้อมูล แต่เฉพาะเว็บไซต์ที่เคยถูกค้นหาผ่านเครื่องมือนี้เท่านั้น หากคุณตรวจสอบเว็บไซต์ที่ยังไม่เคยถูกตรวจสอบมันจะส่องเว็บไซต์ทันที
รายงานที่ให้มามีความลึกน้อยกว่าบริการอื่นๆ แต่ก็ยังให้ข้อมูลเชิงลึก คุณจะได้รู้ว่าเว็บไซต์ใช้ CMS, ภาษาเขียนโปรแกรม, เว็บเซิร์ฟเวอร์ และผู้ให้บริการโฮสติ้งอะไร W3Techs ยังให้ส่วนขยายเบราว์เซอร์สำหรับ Firefox และ Chrome เพื่อให้คุณตรวจสอบเว็บไซต์ได้ด้วยแค่คลิกหรือแตะ
Wappalyzer
หากคุณชอบมีปลั๊กอินเบราว์เซอร์เพื่อตรวจสอบเทคโนโลยีของเว็บไซต์ Wappalyzer มีปลั๊กอินสำหรับ Firefox, Chrome และ Edge ปลั๊กอินฟรี ใช้งานง่าย และจัดวางในรูปแบบที่อ่านง่าย การคลิกที่เทคโนโลยีใดๆ ในรายงานจะพาคุณไปยังคำอธิบายของมัน ซึ่งดีหากมันพบสิ่งที่คุณไม่เคยเห็นมาก่อน
Wappalyzer เสนอคุณสมบัติเฉพาะตัวคือความสามารถในการสร้างการแจ้งเตือนสำหรับเว็บไซต์ พวกเขาตรวจสอบเว็บไซต์ทุกวันและส่งอีเมลให้คุณหากตรวจพบการเปลี่ยนแปลง การแจ้งเตือนจะต้องสร้างบัญชีฟรีกับ Wappalyzer และใช้ค่าใช้จ่าย 10 เครดิตต่อเดือน
แต่คุณได้ 50 เครดิตฟรีทุกเดือน และการแจ้งเตือนใช้ค่าใช้จ่ายเพียง 10 เครดิตต่อ 30 วัน ดังนั้น Wappalyzer Alerts 基本上ฟรีหากคุณติดตามเว็บไซต์ 5 หรือน้อยกว่า
Webspotter
บริการของ Webspotter เกือบทั้งหมดเป็นบริการแบบจ่ายเงิน แต่ไม่เป็นไร ส่วนขยาย Chrome ฟรีของ Webspotter ชดเชยได้ ส่วนขยาย Webspotter คล้ายกับ Wappalyzer แต่มีคุณสมบัติที่แตกต่างออกไปเล็กน้อย ถัดจากแต่ละเทคโนโลยีที่แสดง มีลิงก์ไปยังสถิติเกี่ยวกับเทคโนโลยี รายการเว็บไซต์ที่ใช้เทคโนโลยีนั้น และเว็บไซต์ทางการของเทคโนโลยี
คุณสมบัติที่น่าสนใจมากกว่านั้นคือความสามารถของ Webspotter ในการดึงข้อมูลติดต่ออีเมล ลิงก์โซเชียลมีเดีย วิเคราะห์ SEO และข้อมูลบริษัทอื่นๆ ออกมาจากเว็บไซต์ แม้จะไม่บอกว่เว็บไซต์สร้างขึ้นอย่างไร แต่ก็อาจมีประโยชน์สำหรับการตลาดออนไลน์หรือการหางาน
WordPress Theme Detector
อาจจะเป็นว่าคุณไม่ได้สนใจการพัฒนาเว็บมากนัก แต่คุณกำลังรวบรวมเว็บไซต์ WordPress และอยากรวมฟีเจอร์ที่เคยเห็นที่อื่นๆ ดาวน์โหลดปลั๊กอินเบราว์เซอร์ Chrome WordPress Theme Detector
WordPress Theme Detector ไม่เพียงแต่บอกว่เว็บไซต์ใช้ธีม WordPress อะไร แต่ยังบอกว่าใช้ปลั๊กอิน WordPress อะไร มันยังแสดงว่าใครสร้างธีมหรือปลั๊กอิน และให้ลิงก์ไปยังที่ที่คุณสามารถดาวน์โหลดได้ ทำให้ง่ายดายที่จะนำองค์ประกอบไปรวมในเว็บไซต์ WordPress ของคุณที่คุณนับถือบนเว็บไซต์อื่นๆ
เรียนรู้ว่าเว็บไซต์ทำงานอย่างไร
ใช่ มันง่ายขนาดนี้ที่จะดำน้ำเข้าไปในเว็บไซต์ใดๆ บนอินเทอร์เน็ตและดูว่ามันประกอบด้วยอะไร ลองใช้เครื่องมือสองตัวขึ้นไป เพราะบางตัวจะจับสิ่งที่อีกตัวจับไม่ได้ ส่วนใหญ่ของสิ่งที่คุณเห็นบนเว็บไซต์จริงๆ แล้วถูกเรนเดอร์บนคอมพิวเตอร์ของคุณ นั่นคือสิ่งที่ทำให้มันง่ายที่จะดู มันยังเป็นเหตุผลว่าทำไมคุณต้องทำให้เว็บไซต์ของคุณปลอดภัยที่สุด ขอให้เพลิดเพลินกับการดำน้ำลึกและบอกเราว่าคุณพบหรือสร้างอะไรได้
