ดู css ที่แก้ไขได้ทันทีโดยใช้เครื่องมือของนักพัฒนาซอฟต์แวร์ [ปิด]

ในเครื่องมือของนักพัฒนาคุณสามารถปรับเปลี่ยน CSS ได้ทันทีและหน้าจอจะเปลี่ยนทันที

แต่ถ้าคุณคลิกดูแหล่งที่มาของหน้าคุณจะได้รับ css ดั้งเดิมของเอกสาร

มันยอดเยี่ยมมากที่มี CSS นั้นโดยคำสั่งหรือแอดออน

ฉันจะดู CSS ที่ถูกแก้ไขได้ทันทีโดยใช้เครื่องมือของนักพัฒนาซอฟต์แวร์ได้อย่างไร

Firefox

การแก้ไขที่คุณทำในมุมมองกฎจะปรากฏในตัวแก้ไขสไตล์และในทางกลับกัน

เครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ Firefoxต้นทางตรวจสอบและแก้ไข CSS

ในการเปิดตัวแก้ไขสไตล์ให้เลือกตัวเลือก "ตัวแก้ไขสไตล์" จากเมนู "นักพัฒนาเว็บ" (ซึ่งเป็นเมนูย่อยในเมนู "เครื่องมือ" บน Mac) กล่องเครื่องมือจะปรากฏที่ด้านล่างของหน้าต่างเบราว์เซอร์เมื่อเปิดใช้งาน Style Editor:

แหล่งเครื่องมือแก้ไขสไตล์นักพัฒนา Firefoxที่มา

โครเมียม

การเปลี่ยนแปลงที่คงอยู่

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

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

• เลือกการแก้ไขใด ๆ เพื่อดูความแตกต่างจากแหล่งข้อมูลสไตล์ชีทดั้งเดิม

  

• คุณสามารถลากและวางโหนดการแก้ไขสไตล์ชีทลงในโปรแกรมแก้ไขข้อความส่วนใหญ่เพื่อส่งออกเนื้อหาการแก้ไข

สไตล์การแก้ไขซอร์ส