ทั้งสองวิธีเป็นแบบสากลและควรใช้ได้กับทุกเบราว์เซอร์

ในตอนแรก บางคนอาจคิดว่านี่ไม่ใช่เครื่องมือที่จำเป็นเลย แต่การดูโค้ด HTML ทั้งหมดของไซต์นั้นดีในการค้นหาองค์ประกอบที่จำเป็นในโค้ด ซึ่งอาจเป็นลิงก์ แท็ก เมตาแท็ก แอตทริบิวต์ และองค์ประกอบอื่นๆ .

การใช้คีย์ลัด + เปิดหน้าต่างค้นหาในเบราว์เซอร์ Chrome จะปรากฏที่ด้านบนขวา:

รูปที่ 3 ค้นหาตามรหัสไซต์

หลังจากที่คุณป้อนคำขอลงในแบบฟอร์มการค้นหา หน้าจอจะย้ายไปยังองค์ประกอบแรกที่พบ โดยใช้ลูกศรที่คุณสามารถย้ายไปมาระหว่างองค์ประกอบเหล่านั้น และเลือกองค์ประกอบที่คุณต้องการ:

รูปที่ 4 ค้นหาด้วยโค้ดไซต์ HTML

ตอนนี้เป็นส่วนที่สำคัญที่สุด ซึ่งฉันจะแสดงให้คุณเห็นว่าคุณสามารถแก้ไขโค้ด HTML และ CSS ของเว็บไซต์ในเบราว์เซอร์ได้อย่างไร จากนั้นโอนการเปลี่ยนแปลงไปยังเบราว์เซอร์

เครื่องมือที่มีประโยชน์นี้จะพร้อมใช้งานในเบราว์เซอร์ของคุณเสมอ ทดลองใช้คำสั่งอื่นๆ ที่จะช่วยให้คุณแก้ไขไซต์ของคุณได้ง่ายขึ้น

ผู้ใช้อินเทอร์เน็ตแต่ละคนมีเว็บไซต์โปรดของตนเองซึ่งเขาใช้เวลานาน และมีเพียงคนขี้เกียจเท่านั้นที่ไม่คิดว่าจะดูว่ามันถูกสร้างขึ้นมาอย่างไรและประกอบด้วยอะไรบ้าง เป็นไปไม่ได้ที่จะตอบคำถามเหล่านี้ทั้งหมดเนื่องจากมีหลายวิธีในการสร้างเว็บไซต์ แต่การดูคำสั่งและรหัสที่ประกอบขึ้นนั้นเป็นไปได้และทุกคนสามารถเข้าถึงได้

คำถามอีกข้อคือบุคคลที่ไม่เกี่ยวข้องกับการเขียนโปรแกรมจะเข้าใจสัญลักษณ์ใดๆ ที่ประกอบเป็นโค้ดหรือไม่ แต่จากตัวอย่างที่ให้ไว้ด้านล่าง ผู้ใช้ Google Chrome จะสามารถดูองค์ประกอบแต่ละส่วนของไซต์ได้

เพื่อให้คุณสามารถดูโค้ดของหน้าใน Chrome ได้ คุณต้องไปที่ไซต์ที่คุณสนใจและทำตามขั้นตอนต่อไปนี้:

ทั้งสองรายการนี้มีความแตกต่างกันในด้านฟังก์ชันการทำงานและข้อมูลสำหรับผู้ใช้ โปรแกรมเมอร์ หรือแฮ็กเกอร์

เมื่อวิเคราะห์แต่ละฟังก์ชันเหล่านี้ คุณสามารถเขียนบทความแยกกันได้ สำหรับโปรแกรมเมอร์ ความแตกต่างนี้มีความสำคัญและพวกเขาเข้าใจว่าในกรณีใดที่จำเป็นต้องใช้ "ดูโค้ด" และ "ดูโค้ดเพจ" ในเบราว์เซอร์ Google Chrome

แต่การอธิบายสำหรับผู้ใช้ทั่วไป ฟังก์ชั่นเหล่านี้สามารถแบ่งออกเป็นวัตถุประสงค์ได้ดังต่อไปนี้:

หากเราต้องตอบคำถามดังกล่าว ตัวเลือกเดียวที่แนะนำตัวเองก็คือตัวอย่างเท่านั้น เพราะในบทความหนึ่งเป็นเรื่องยากมากที่จะเป็นคนที่เข้าใจหัวข้อนี้ (นักพัฒนาเว็บ) แต่การแสดงตัวอย่างเพื่อให้คำถามได้รับการแก้ไขนั้นง่ายกว่ามาก

ฟังก์ชันการทำงานของโค้ดองค์ประกอบนั้นกว้างมาก ดังนั้นเราจึงใช้คำใดคำหนึ่งบนเว็บไซต์เบราว์เซอร์ Google Chrome เราต้องการพิจารณาว่าคำหลักใด (ในโค้ดจะเขียนเป็น "คำหลัก") ที่ใช้สำหรับไซต์ของเรา เมื่อต้องการทำเช่นนี้ เราใช้อัลกอริทึมต่อไปนี้:

โดยทั่วไป เพื่อที่จะตอบคำถามต่อไปว่าจะดูโค้ดขององค์ประกอบอย่างไรและเหตุใดจึงจำเป็น คุณควรแสดงรายการฟังก์ชันของมัน กล่าวคือ ต้องขอบคุณความสามารถในการดูโค้ดขององค์ประกอบของไซต์ใดๆ ในเบราว์เซอร์ Google Chrome เราจึงสามารถ:

• ดูโครงสร้างของไซต์โดยเริ่มจาก head (“ส่วนหัวของไซต์”) และลงท้ายด้วย end (คำสั่งสุดท้ายของโปรแกรมใด ๆ );
• ดูฟังก์ชันทั้งหมดของไซต์ ได้แก่ ลิงก์ไปยังไซต์อื่น โมดูลเพิ่มเติมจากไซต์ภายนอก และการมีอยู่ของตัวนับในตัวสำหรับการรวบรวมข้อมูลต่างๆ
• ค้นหาว่าห้ามคัดลอกจากไซต์หรือไม่
• โค้ดจะบันทึกลิงก์ทั้งหมดไปยังหน้าอื่นๆ ของเว็บไซต์ รวมถึงการออกแบบและการดำเนินการที่ตามมาหลังจากคลิกลิงก์เหล่านั้น

นี่ไม่ใช่รายการที่จำกัดแต่อย่างใด แต่ควรจำไว้ว่าหากไม่มีความรู้พิเศษแทบจะเป็นไปไม่ได้เลยที่จะ "อ่าน" โค้ดของหน้า Google Chrome และผู้ใช้ทั่วไปไม่จำเป็นต้องใช้ข้อมูลที่ได้รับ

ควรกล่าวทันทีว่าแต่ละไซต์จะสามารถเข้าถึงรหัสองค์ประกอบได้ นั่นคือแม้แต่ไซต์ที่ได้รับความนิยมและมีราคาแพงที่สุดก็ยังเปิดให้ดูโค้ดของตนได้ ดังนั้น หากรายการในเบราว์เซอร์ Google Chrome ไม่ทำงานหรือเกิดข้อผิดพลาด อาจมีสาเหตุที่เป็นไปได้ดังต่อไปนี้:

• โปรไฟล์ผู้ใช้เสียหาย
• การปรากฏตัวของมัลแวร์ในคอมพิวเตอร์
• การบล็อกโดยส่วนขยายบางอย่างเพื่อเพิ่มประสิทธิภาพ (แม้สิ่งนี้สามารถเกิดขึ้นได้)

หากต้องการสร้างโปรไฟล์ใหม่ คุณต้องลบโปรไฟล์เก่าออกจากคอมพิวเตอร์ของคุณ เมื่อต้องการทำเช่นนี้ เราทำสิ่งต่อไปนี้:

หากโปรไฟล์ใหม่ไม่ให้สิทธิ์เราในการเข้าถึงโค้ดองค์ประกอบของหน้าและเรายังคงเห็นข้อผิดพลาด เราควรดำเนินการต่อไปนี้:

หากทุกอย่างถูกต้องแล้วหลังจากรีสตาร์ทคอมพิวเตอร์ Google Chrome จะเปิดโค้ดขององค์ประกอบและเบราว์เซอร์จะทำงานได้ตามปกติ

เมื่อเวลาผ่านไป ผู้ดูแลเว็บมือใหม่มีคำถามเชิงตรรกะ: วิธีเปลี่ยนสีและสไตล์ของหัวข้อการเขียน, เพิ่มระดับเสียง และทำให้แบบอักษรของหัวข้อเดียวกันใหญ่ขึ้น สิ่งนี้ทำให้ผู้เริ่มต้นหลายคนสับสนเนื่องจากไม่ชัดเจนว่าจะต้องดูอะไรและที่ไหน

แน่นอน คุณสามารถมีส่วนร่วมในการศึกษาเชิงลึกเกี่ยวกับความซับซ้อนทั้งหมดของการสร้างเว็บไซต์ได้ แต่ถึงแม้จะไม่มีโอกาสเป็นไปได้ แต่ก็มีคำถามเชิงตรรกะอีกข้อหนึ่งเกิดขึ้น: คุณต้องการมันหรือไม่?

คุณจะต้องใช้เวลาพอสมควรในการเรียนรู้พื้นฐานของเว็บมาสเตอร์ และเวลาคือเงิน ดังนั้น หากคุณต้องการปรับเปลี่ยนองค์ประกอบบางอย่างของเทมเพลตเล็กน้อย และไม่ทราบวิธีค้นหาโค้ด HTML ที่จำเป็น โดยไม่คำนึงถึงแพลตฟอร์มของไซต์ บทความนี้เหมาะสำหรับคุณโดยเฉพาะ

จริงๆ แล้ว หัวข้อนี้ควรจะเรียกว่า "วิธีแก้ไขโค้ด CSS" เอาล่ะ เราจะเริ่มต้นด้วย HTML และจบด้วย CSS ประเด็นก็คือหากจำเป็นต้องเปลี่ยนสีหรือแบบอักษรของไซต์ breadcrumbs จะนำไปสู่ไฟล์ CSS

ก่อนอื่น เรามานิยามแนวคิดทั้งสองนี้กันก่อน:

- รหัส HTML เป็นพื้นฐานในการสร้างไซต์ ต้องขอบคุณเบราว์เซอร์ที่เข้าใจว่าองค์ประกอบใดและตามลำดับที่จะแสดงบนหน้าใดหน้าหนึ่ง

- รหัส CSS เป็นภาษาโปรแกรมที่รับผิดชอบในการปรากฏของหน้าเว็บ เป็นรหัสนี้ที่ควรแก้ไขได้หากคุณต้องการเปลี่ยนรูปลักษณ์ของไซต์

จะเห็นได้ชัดว่าหากคุณต้องการเปลี่ยนแปลง เช่น สีของชื่อเรื่องในบทความหรือรายการเมนู จะต้องแก้ไขไฟล์ CSS ไฟล์ใดไฟล์หนึ่ง นี่คือสิ่งที่คุณต้องเข้าใจในระยะเริ่มแรกของการเปลี่ยนแปลงด้วยตัวเอง

ฉันจะไม่ปิดบังความจริงที่ว่าในช่วงเริ่มต้นของการคุ้นเคยกับหลักการของการสร้างเว็บไซต์ ฉันไม่ใช่แค่กาน้ำชา แต่ฉันยังเป็นกาโลหะที่เป็นสนิมอีกด้วย ดังนั้นคุณเช่นเดียวกับฉันจะต้องประสบความสำเร็จอย่างแน่นอน

กลับมาที่หัวข้อการเปลี่ยนโค้ดเพจคุณต้องดูโค้ด html ก่อน ฉันจะบอกคุณโดยใช้เบราว์เซอร์ Opera เป็นตัวอย่างเนื่องจากฉันใช้งานเป็นหลัก ฉันรีบแจ้งให้คุณทราบว่าหากคุณต้องการใช้เบราว์เซอร์อื่น คุณไม่ควรปิดหน้านี้ทันที เนื่องจากหลักการตรวจสอบโดยไม่คำนึงถึงเบราว์เซอร์นั้นเกือบจะเหมือนกัน

ในบทความก่อนหน้านี้ฉันได้พูดคุยเกี่ยวกับ "วิธีลบลิงก์ออกจากส่วนหัวของ Joomla" และวันนี้คุณจะได้เรียนรู้วิธีแก้ไขสิ่งทั้งหมดนี้และทำให้มันน่าสนใจยิ่งขึ้น
สมมติว่าเราต้องเปลี่ยนสีและขนาดของชื่อบทความ โดยคลิกซ้ายที่มันแล้วเลือก "ดูรหัสองค์ประกอบ" ในหน้าต่างที่เปิดขึ้นมา หลังจากนั้นทางด้านซ้ายของหน้าจออักษรอียิปต์โบราณอันน่าอัศจรรย์จะปรากฏขึ้นมาให้เราทราบด้วยความช่วยเหลือในการพิจารณาว่าสุนัขถูกฝังอยู่ที่ไหน ด้วยวิธีนี้ คุณจะสามารถดูและแก้ไของค์ประกอบเกือบทุกส่วนของเทมเพลตได้