Stand Alone Web Applications with Mozilla Prism

เคยเล่น Mozilla Prism สมัยมันออกใหม่ๆ แต่ไม่ประทับใจ+ยังไม่ค่อยเห็นคุณค่าของมันเท่าไรนัก เลยเลิกสนใจไปพักนึง

แต่หลังจากที่มาใช้ Seesmic Web เลยเริ่มมีความจำเป็นต้องใช้งาน web application ที่เปิดค้างไว้ตลอดเวลามากขึ้น บวกกับช่วงหลังมานี้ ผมพบว่าเราแทบจะเปิด Gmail, Facebook ค้างไว้เช่นกัน การเปิดค้างมีปัญหาเรื่องกินแรม แถมเสี่ยงต่อการทำให้เบราว์เซอร์ freeze ไปทั้งตัวมาก (Firefox freeze แน่ ส่วน Chrome ไม่ freeze แต่จะหน่วงๆ) การแยกโพรเซสของ web application ออกมาน่าจะเป็นเรื่องที่ดีกว่า

ฟีเจอร์ Create application shortcuts ของ Chrome นั้นรองรับความต้องการพื้นฐานได้ดี แต่มันมีปัญหาคือเวลาเรียกโปรแกรม (web application) ขึ้นมา Windows 7 จะมองว่าเป็น instance ของ Chrome และเอาไอคอนไปซ้อนใต้ Chrome แทน ในขณะที่เราต้องการเป็นไอคอนแยก

ผมลอง Prism Add-on ของ Firefox ก็ได้ผลแบบเดียวกัน (คือไปซ้อนใต้ Firefox) ทางออกคือใช้ Prism standalone การใช้งาน Prism ไม่มีอะไรยาก แค่ป้อนชื่อกับ URL ลงไป ก็ใช้งานได้เลย (ก็มันเป็นเว็บนี่นะ) แต่มันกลับมีเรื่องกวนใจเล็กน้อยสำหรับ UI perfectionist คือ มันจะดึง favicon ของเว็บมาทำเป็นไอคอนของโปรแกรม ซึ่ง favicon ขนาด 16x16 มีปัญหา "ขยายแล้วแตก" แน่นอน

โชคดีที่มีสมาคมคนใช้ standalone web application ไปรวมตัวกันสร้างไอคอนคุณภาพสูงอยู่บน Flickr เป้าหมายเดิมของมันเป็นชุมชนผู้ใช้โปรแกรม Fluid (แบบเดียวกับ Prism แต่มีเฉพาะบนแมค) แต่ไอคอนเหล่านี้สามารถเอามาใช้กับ Prism ได้เช่นกัน รวมถึงไอคอนอื่นๆ ที่สามารถหาได้จาก Google Image Search ด้วย

ผลลัพธ์ออกมาสวยงาม

ผมเข้าใจว่า Fluid สามารถเรียกไอคอนที่เป็น PNG ได้เลย แต่ Prism มีบั๊กเล็กน้อยคือมันชอบจำ favicon ไว้ให้เรา แม้ว่าเราจะสั่งให้มันใช้ภาพแบบ PNG แล้วก็ตาม

workaround แบบง่ายๆ

• สร้าง web app ขึ้นมาก่อน ปล่อยให้ไอคอนเป็นอะไรก็ได้ตามที่ Prism เลือกให้
• เมื่อได้ไอคอนของ web app บนเดสก์ท็อป ค่อยคลิกขวา Properties แล้วเปลี่ยนไอคอน
• นำภาพ PNG จากเว็บ (ในกรณีที่ไอคอนนั้นไม่มี .ico ให้) ไปสร้างเป็น .ico ด้วยบริการ PNG to ICO ที่มีอยู่มากมายบนอินเทอร์เน็ต

เพื่อความสะดวกของคนที่จะทำตาม รวมอันในภาพข้างต้น (Gmail, GCal, Facebook, Seesmic) ไว้ให้ ดาวน์โหลดได้ที่ RapidShare

เรื่องการใช้งาน สะดวกคล่องมือแค่ไหน ขอลองใช้ดูสักพักก่อน แต่ในเรื่องประสิทธิภาพ ดูอัตราการบริโภคแรมได้ตามภาพ

หมายเหตุ: กรณีของ Seesmic ช่วงที่มันโหลดหน้าใหม่จะโหดมาก คือซีพียูวิ่งไป 50% (เต็มหนึ่งคอร์) ค้างไปชั่วขณะ อันนี้เป็นข้อจำกัดของ Prism ที่ใช้ JavaScript engine ตัวเดียวกับ Firefox (Tamarin) ซึ่งด้อยกว่า V8 ของ Chrome อยู่พอสมควร

อย่างไรก็ตาม ระหว่างที่ฟีเจอร์ application shortcuts ของ Chrome ยังมีปัญหาตามที่เขียนไปแล้ว Prism คงเป็นตัวเลือกที่ดีที่สุด เรียกว่าค้างได้ค้างไป ตราบใดที่มันไม่ได้ทำเบราว์เซอร์หลักค้าง

อัพเดต: 19/03/2010

ค้นพบข้อเสียของการใช้ Prism ดังนี้

• Facebook มันเหมาะสำหรับการทำงานแบบหลายแท็บ การใช้ single window ของ Prism ทำให้ใช้งานยากมาก
• Gmail ถ้าใช้งานปกติ โอเคแล้ว แต่ว่าจะมีปัญหาเวลาดาวน์โหลดไฟล์ มันจะเอาลง /Desktop ให้อัตโนมัติ และไม่สามารถตั้งค่า download folder ได้

อัพเดต 2:

แก้ปัญหาเรื่อง download folder ได้แล้ว โดยต้องไปแก้ prism/default/preferences/preferences.js

ถ้าต้องการให้เป็น Downloads ของวินโดวส์ ใส่เพิ่มเข้าไปตามนี้

pref("browser.download.defaultFolder", "C:\Users\username\Downloads");
pref("browser.download.dir", "C:\Users\username\Downloads");
pref("browser.download.folderList", 2);
pref("browser.download.lastDir", "C:\Users\username\Downloads");

จาก Prism Default Download Folder