Firefox

อัดรูปดิจิตอล ทำสมุดภาพของคุณเอง
รอรับได้. ท่องเที่ยว แต่งงาน ฯลฯ

www.tanabutr.co.th/photobook


Firefox 2.0 ออกแล้ว

ไม่ได้เขียน blog ตั้งนานเจอ spam เพียบ (ไม่ได้เช็คด้วย)
พี่ฮุ้ยคอมไพล์ Firefox 2.0 ที่ patch ภาษาไทยเรียบร้อยแล้ว แต่ไม่มี installer เลยใช้ NSIS (Nullsoft scriptable insatllation system) จัดการให้ซะเลย.

เห็นพี่ฮุ้ยบอกว่าจริงๆแล้วตอนคอมไพล์ทำ installer ได้ด้วยแต่ขี้เกียจทำเลยทำเป็น zip เอาไว้เฉยๆ. ใครชอบติดตั้งแบบมี installer ก็ลองดูแล้วกันครับ.

Thai words separator

ไม่รู้ว่าคุณ bact' รู้หรือยังว่าเดี๋ยวนี้มี extension สำหรับตัดคำภาษาไทยแล้วนะ. ชื่อ Thai Words Separator.

Thaiwrap & Greasemonkey

หลายเดือนก่อนพี่ฮุ้ยซื้อนิตยสาร Nikkei Software มาจากญี่ปุ่น. ในนั้นมีเรื่องเกี่ยวกับ GreaseMonkey ซึ่งเป็น Firefox Extension ตัวหนึ่ง. Extension นี้ทำหน้าที่รัน javascript ที่คนใช้เบราเซอร์สามารถเขียนขึ้นมาเองได้เพื่อประมวลผลหน้าเว็บที่กำลังดูอยู่ได้. พูดง่ายๆคือใช้ javascript นี้แปลงข้อความ, แก้หน้าตาของหน้าที่ดูอยู่ด้วย DOM. สคริปต์ที่เขียนนี้เรียกว่า user script ซึ่งก็เป็นไฟล์ javascript ธรรมดาที่เก็บไว้ในเครื่องตัวเอง. ตัว user script เองก็มีคนเขียนไว้เยอะแยะหาดาว์นโหลดได้ที่ userscript.org. ตัวอย่างเช่น user script ที่ใช้แก้หน้าแสดงผลค้นหาของ google ให้มันแสดงหน้าที่ 2, 3, ... ต่อกับไปเรื่อยๆในหน้าเดียว. หรือใช้ user script ช่วยลบโฆษณาที่ไม่ต้องการตามหน้าผลค้นหาของ Google เป็นต้น.

Firefox Extension สำหรับพัฒนาเว็บ

ผลพวงจาก Blognone Tech Day, ตอนที่คุณป็อกใช้ Firefox เปิด RoR ที่ทำ demo อยู่เห็นมี console บอกว่าเบราเซอร์ส่งอะไรไปบ้าง. เลยไปคุยถามได้ความว่าเป็น Firebug. กลับมาที่บ้านแล้วเลยไปดู Firefox Extension ประเภท Developer Tools. ดูๆไปว่ามีอะไรน่าใช้บ้างเพราะตอนนี้ที่ใช้อยู่ก็มี Web developer ซึ่งก็เรียกว่าดีอยู่แล้วยังไม่เคยดูตัวอื่นเพิ่มเติม, วันนี้เลยลองเข้ามาดูทีละตัว.

Flashgot กับ download accelerator

ไม่เคยใช้พวก Flashget เพราะรู้สึกไม่มีความจำเป็นต้องใช้. ระยะหลังต้องดาว์นโหลดไฟล์ใหญ่ๆเลยต้องไปหา download accelerator ซึ่งเป็นโปรแกรมช่วยให้ดาว์นโหลดไฟล์ต่างๆได้เร็วขึ้นโดยดาว์นโหลดไฟล์เป็นส่วนๆและช่วยกันดาว์นโหลดหลายเซสชัน.

แปลคำศัพท์ด้วย Longdo dictionary จาก Firefox

ต่อยอดจาก blog อันที่แล้วที่เกี่ยวกับการ search คำด้วยการเลือกคำ, คลิ้กขวาแล้วสั่งค้นหา. คือ Mk แนะนำมาว่าให้ลองใช้ Dictionary Search extension ของ Firefox ดู. ใช้ได้ดีทีเดียว.

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

Search ด้วยคลิ้กขวาใน Firefox

ก่อนหน้านี้เวลาจะอ่าน web site แล้วเจอคีย์เวิร์ดหรือคำบางที่ต้องการหา, ผมมักจะเคยชินการทำขั้นตอนเหล่านี้

  • ใช้เมาส์ hightlight คำคำนั้น
  • Ctrl+c เพื่อ copy
  • Ctrl+t (เปิด tab)
  • Ctrl+Tab (เลื่อนไปที่ tab ตัวใหม่)

DOM Inspector และ Web developer extension


ใช้ DOM Inspector แก้ CSS

หน้าจอ DOM Inspector

รู้สึกว่าชอบ Firefox ที่มี tools ดีๆให้ใช้อย่าง DOM Inspector และ extension ที่เกี่ยวกับการสร้างหรือปรับแต่งโฮมเพจ. ถึงแม้จะไม่ใช่ web designer โดยสายงานแต่บางทีก็มีความจำเป็นที่ต้องแก้พวก CSS หรือ layout ต่างๆของโฮมเพจ. ตัวที่จะช่วยทุ่นแรงได้เยอะในการสำรวจโครงสร้างของเว็บไซด์หน้าที่ดูอยู่ก็คือ DOM Inspector ที่มากับ Firefox. ตอนแรกก็เข้าใจยากหน่อยว่ามันใช้อย่างไร. ในกรณีที่จะประยุกต์ใช้กับการ web design เบื้องต้นก็แค่เปิด URL เว็บไซด์ที่ต้องการสำรวจโครงสร้างนั้น แล้วกด Ctrl+Shift+i หรือเลือกจากเมนู Tools - DOM Inspector. แล้วจะได้หน้าจอใหม่แสดงโครงสร้างของเว็บ. พอคลิ้กไปส่วนต่างๆในแผนภาพต้นไม้ เช่นพวก DIV ต่างๆ, ตรงเบราวเซอร์จะตีกรอบสีแดงๆกระพิบให้ดูว่าส่วนที่เลือกนั้นอยู่ตรงไหน. นอกจากนี้ยังมีการแสดง id หรือ class ของโหนดนั้นๆด้วยเวลาแก้ CSS จะได้แก้ได้ถูกจุด. หรือตรงหน้าต่างทางขวาจะเลือก Object -CSS Style Rules แล้ว, กดเลือก Rule แล้วแก้ property ของแต่ละตัวใน CSS ได้เลย.

Firefox แบบ vi binding

เกิดอยากใช้ vi binding กับ Firefox ขึ้นมาเพราะรู้สึกว่าสะดวกกว่าใช้ touch pad ของแล็ปท็อป. สำหรับคนที่ไม่ได้ใช้ vi ก็ต้องแนะนำกันก่อนว่าคือเวลากดคีย์ h j k l นี่จะถึงการเลื่อนเคอร์เซอร์ไปทางซ้าย (h), ล่าง (j), บน (k) และขวา (l). ซึ่งกดให้ผลเหมือนกับการกดคีย์ลูกศรนั่นแหละ แต่มันสะดวกกว่าตรงที่บริเวณที่วางมือบนแป้นพิมพ์ นิ้วชี้ของมือขวาจะอยู่ที่ตัว j พอดีเหมาะสำหรับการเลื่อนเคอร์เซอร์ไปข้างล่าง. ถ้าจะเลื่อนเคอร์เซอร์ไปทางซ้ายก็เขยิบนิ้วชี้นั้นเลื่อนมาที่ตัว h. ถ้าจะเลื่อนเคอร์เซอร์ขึ้นก็ใช้นิ้วกลางของมือขวากด. ส่วนนิ้วนางนั้นเอาไว้กดตัว l เพื่อเลื่อนไปทางขวา. สรุปง่ายๆคือใช้ 3 นิ้ว 4 คีย์ครับ.

Firefox lock

บางครั้งเวลาใช้ Firefox อยู่แล้วไฟดับ, หรือมีเหตุทำให้เครื่องต้องดับกระทันหัน, เวลาเปิดเครื่องมาใหม่แล้วจะใช้ Firefox อีกครั้งจะมีตัวเลือกโปรไฟล์ (profile) โผล่ออกมาบอกว่ามี Firefox กำลังทำงานอยู่. คือเวลารัน Firefox มันจะสร้างไฟล์ซิลโบลิกลิงก์ lock ในไดเรกทอรีโ ปรไฟล์ของผู้ใช้ใช่ในกรณีของผม, ไดเรกทอรีโปรไฟล์จะเป็น ~/.mozilla/firefox/32nqclta.default ในไดเรกทอรีนั้นจะมีซิมโบลิกลิงก์ชื่อ lock อยู่ลิงก์ไปที่ 127.0.0.1:5741