เว็บมอนสเตอร์บล็อก – รวมเรื่องไอที คอมพิวเตอร์ทิป อินเตอร์เน็ตทิป โปรแกรมฟรี ซอร์ฟแวร์ฟรี ฟรีแวร์ วินโดวส์ทิป ไฟร์ฟ๊อกซ์ทิป อีเมล์ทิป ไอทีทิป วินโดวส์ทิป วินโดวส์เทคนิค การใช้งานวินโดวส์ การใช้งานอินเตอร์เน็ต วิธีแก้ไขปัญหาไวรัส วิธีแก้ไขปัญหาสปายแวร์ วิธีการแก้ไขปัญหาคอมพิวเตอร์

เครื่องมือและฟีเจอร์เด่นๆของ Google Chrome สำหรับนักพัฒนา Developers, Webmasters

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

1. Inspect Element เพียงแค่เลือกส่วนใดๆบนหน้าเว็บเพจ แล้วคลิกขวา และเลือกเมนู Inspect Element จากนั้น Google Chrome ก็จะเปิดหน้าต่างแสดงส่วนประกอบ elements และ resource ต่างๆที่เกี่ยวกับส่วนที่เราเลือกในหน้าเว็บเพจนั้นๆ

นอกจากนี้ เรายังสามารถเรียกใช้งาน Inspect Element ได้โดยคลิกที่ ซึ่งอยู่บน Chrome Toolbar แล้วเลือกเมนู Developer-> Javascript Console ก็ได้เช่นกันครับ

2. Javascript Debugger เป็นเครื่องมืออีกชิ้นหนึ่งที่ ทำให้เราสามารถทำการดีบัก Javascript ผ่าน Comand-line JavaScript debugger โดยไปที่เมนู Developer-> Debug Javascript ครับ

3. Task Manager

เป็นเครื่องมือและฟีเจอร์ที่ใช้ในการปิด Tab ต่างๆที่เปิดขึ้นมา ซึ่งแปลกกว่า browser ตัวอื่นๆ ทั้งนี้สามารถดู ตรวจสอบได้ว่า Tab ไหนที่ใช้ Memory ไปมากน้อยเท่าไหร่ และสามารถ End Process หรือปิด Tab นั้นๆได้ ซึ่งเราสามารถใช้คีย์ด่วนเพื่อเปิด Task Manager ได้โดยกดปุ่ม Shift + Esc

4. About: เหมือนๆกับคำสั่ง about:config ใน Firefox Google Chrome เองก็มีคำสั่งตัวนี้และตัวอื่นๆอีกเช่นกัน ได้แก่

• about: – สำหรับแสดงข้อมูลต่างๆเกี่ยวกับ Google Chrome
• about:dns – สำหรับดู DNS records
  
• about:plugins – สำหรับดูข้อมูล รายละเอียดต่างๆเกี่ยวกับ plug-ins ต่างๆที่ถูกติดตั้งบน Chrome
• about:memory – สำหรับดู memory ที่ถูกใช้ไปในแต่ละแท๊บ
• view-cache:[URL] – สำหรับ view cache ของเว็บเพจตาม URL นั้นๆ
• view-source:[URL] – สำหรับ view source ของเว็บเพจตาม URL นั้นๆ

เคยทดลองใช้ตัวไหนไปบ้างแล้วครับ หรือใครมีเครื่องมือหรือฟีเจอร์อื่นๆของ Chrome แนะนำได้ที่นี่เลยนะครับ :)

Popularity: 1% [?]

Similar Posts

• ปรับเปลี่ยนหน้าตา Style ของ Gmail แบบเดิมให้ดู Hi-tecH น่าใช้กว่าเดิมด้วย Stylish & Gmail Redesigned
• Javascript Tips : แสดงรหัสผ่าน ดูPasswordที่เป็นดอกจัน(*)ในหน้าเว็บเพจด้วย View Passwords Bookmarklet
• ไฟร์ฟ๊อกซ์ทิปทริก About: URLs
• อยากรู้วิธีติดตั้งและใช้งาน Google Chrome Extensions กันมั๊ยครับ?
• 6 ทิป ทริคและเทคนิคการใช้งานหมาไฟ(ที่คุณไม่เคยรู้และไม่ควรพลาด)!!!

Posted in: internet tips & tricks 1,733 views

 Print This Post

Tags: about:config, chrome, Chrome Tips, Developer Tools, google, Google Chrome, Tricks, Tutorials, Web Browser, Webmasters, นักพัฒนาเว็บ

This entry was posted on Sunday, September 7th, 2008 at 10:44 pm and is filed under internet tips & tricks. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.