[App.th] ดูเว็บเต็มหน้าจอ พร้อมทดสอบ WebView ด้วย Clear Browser บน iOS

By: flyingcomma
ContributoriPhoneAndroidUbuntu
on 22 April 2013 - 12:01 Tags:
Topics: 
Development
Browser
Mobile App
iOS
App.th
Node Thumbnail

Clear Browser เป็น iOS Browser ที่ถูกออกแบบมาเพื่อให้สามารถท่องอินเทอร์เน็ตและทดสอบเว็บไซต์ได้อย่างสวยงามในรูปแบบเต็มหน้าจอ โดย default ด้วยการออกแบบการใช้งานที่ไม่เกะกะสายตา สร้างมาเพื่อเน้นภาพมากกว่าข้อความ และขนาดกับความไวเหมาะกับการใช้เปิดเว็บไซต์อย่างรวดเร็ว

นอกจากนี้ Clear Browser ยังเหมาะกับนักพัฒนา ด้วยฟังก์ชันการตั้งค่า UIWebView เหมาะสำหรับการทดสอบเว็บไซต์ เว็บแอ็พ หรือการทำแอพพลิเคชันที่ใช้เทคโนโลยีเว็บเข้ามาช่วย

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

ฟังก์ชันเด่นๆของ Clear Browser:

  • หน้าจอ History และ Bookmarks ที่เน้นรูปภาพมากกว่า page title
  • การออกแบบการใช้งานสวยงาม ไม่เกะกะการชมเว็บไซต์
  • Settings ที่เหมาะสำหรับในการใช้ทดสอบ UIWebView บน iOS
  • Search หรือใส่ URL ได้จากที่เดียวกัน (เหมือน Google Omnibar)
  • Gestures สำหรับ back, forward (เลื่อนจากขอบจอขวาไปซ้าย หรือซ้ายไปขวา)
  • Refresh ได้ด้วยการลากจากด้านบน (เหมือนเวลาใช้ Facebook)
  • Tab browsing (ยังไม่สมบูรณ์)

alt="iPhone Full Screen"alt="iPhone Omnibar"alt="iPhone Visual History"alt="iPhone Source Code"

Clear Browser ไม่ได้ถูกสร้างมาเพื่อทดแทน Safari หรือ Chrome แต่อยากให้ลองใช้เพื่อเป็นทางเลือกเวลาอยากเข้าเว็บอะไรเร็วๆ หรือต้องการทดสอบหน้าเว็บต่างๆดูครับ

alt="iPhone Full Screen"alt="iPhone Omnibar"alt="iPhone Visual History"alt="iPhone Source Code"

Clear Browser ในตอนแรกนั้นเป็นเพียงเครื่องมือที่เราทำขึ้นมาเพื่อทดสอบการใช้เว็บในการทำแอพพลิเคชันมือถือของทางทีมงาน แต่เราใช้ไปใช้มากลายเป็นว่าเราเริ่มเข้าเบราว์เซอร์ตัวนี้มากกว่าพวก Chrome, Safari ด้วยซ้ำ เลยลองออกแบบรูปแบบหน้าตาและการใช้งานเพิ่มเติมและลองปล่อยขึ้น App Store ดูซะเลย

alt="Developer Settings"

แอพพลิเคชัน Clear Browser นี้ถูกปล่อยออกมาสักพักแล้วและได้รับผลตอบรับจากเว็บรีวิวต่างประเทศค่อนข้างดี เช่น

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

Clear Browser นั้นสามารถดาวน์โหลดได้ฟรี แต่หากติดใจ เรามี in-app purchase เพื่อปลดล็อกเวอร์ชันเต็ม (Developer Settings และ Unlimited History & Bookmarks) อยู่ที่ $1.99 เป็นค่าสนับสนุนในการใช้ครับ

สามารถดาวน์โหลด Clear Browser ได้จาก App Store ที่:
alt="Download Clear Browser on iTunes"

Contact:
เว็บไซต์ Clear Browser: http://aliceturtle.com/clear-browser/
และสามารถส่งคำถามหรือข้อติชมได้ที่คอมเม้นท์หรืออีเมล hello@aliceturtle.com หรือ contact@flyingcomma.com ได้เลยครับ

ขอบคุณทุกคนที่สนับสนุนครับ

(ป.ล. หากใครสนใจอยากทำแอพพลิเคชัน iPhone, Android, หรือ เว็บ ตอนนี้เรากำลังรับสมัครโปรแกรมเมอร์เช่นกันครับ )

Get latest news from Blognone

Comments

By: nuntawat
WriterAndroidWindowsIn Love
on 22 April 2013 - 13:29 #564440
nuntawat's picture
  • แท็ก iOS แทน iPad, iPhone, iPod touch
  • คำภาษาอังกฤษที่ใช้ในลักษณะคำนามทั่วไป อาทิ Web View, Back, Forward, Gestures, Tab Browsing สะกดด้วยตัวพิมพ์เล็กทั้งหมด (อย่างหน้า History หรือหน้า Bookmarks หากใช้เป็นคำที่เรียกหน้าจอนั้นโดยเฉพาะก็คงเป็นตัวขึ้นต้นเป็นพิมพ์ใหญ่ได้)
  • เว็บไซท์ -> เว็บไซต์, เทสต์ -> ทดสอบ, ปล. -> ป.ล.
  • Developer, interface, Full Screen, Web, WebApps, Mobile Web, App, browser เขียนเป็นภาษาไทยได้ (คำแปลหรือทับศัพท์แล้วแต่กรณี)
  • ดูวิธีการเขียนแบบ bullet ได้จากวิธีการเขียนข่าว
By: flyingcomma
ContributoriPhoneAndroidUbuntu
on 22 April 2013 - 14:58 #564447 Reply to:564440
flyingcomma's picture

แก้ไขแล้วครับ ขอบคุณมากเลยสำหรับคำแนะนำและขออภัยที่ให้ต้องเสียเวลาด้วยครับ

Flyingcomma
The Consulting, Innovation, & Design Wizards.

By: panurat2000
ContributorSymbianUbuntuIn Love
on 22 April 2013 - 16:21 #564459 Reply to:564440
panurat2000's picture

และทดสอบเว็บไซท์ได้อย่างสวยงาม

เหมาะกับการใช้เปิดเว็บไซท์อย่างรวดเร็ว

เหมาะสำหรับการทดสอบเว็บไซท์ เว็บแอ็พ

ไม่เกะกะการชมเว็บไซท์

เว็บไซท์ => เว็บไซต์

ในการทำแอพพลิเคชันมืถือของทางทีมงาน

มืถือ => มือถือ

เลยลองออกแบบการออกแบบการใช้งานเพิ่มเติม

เลยลองออกแบบการออกแบบการใช้งาน ?

แต่เราอยากลองดูคำตอบรับเพื่อที่จะนำมาใช้ประโยชน์ในการพัฒนาต่อไปครับ

คำตอบรับ => เสียงตอบรับ/ผลตอบรับ

เรามี in-app purchase เพื่อปลดล็อคเวอร์ชันเต็ม

ปลดล็อค => ปลดล็อก

หรืออีเมลล์ hello@aliceturtle.com

อีเมลล์ => อีเมล

By: flyingcomma
ContributoriPhoneAndroidUbuntu
on 22 April 2013 - 17:58 #564479 Reply to:564459
flyingcomma's picture

แก้ไขแล้วครับ ขอโทษที่ทำให้เสียเวลาเช่นกันครับ ขอบคุณมากเลยครับ

Flyingcomma
The Consulting, Innovation, & Design Wizards.

By: mk
FounderAndroid
on 22 April 2013 - 18:37 #564482 Reply to:564479
mk's picture

เอาขึ้นหน้าแรกแล้วครับ ผมตัดหัวข่าวให้กระชับลงอีกหน่อยนะครับ มันยาวเกินบรรทัด

By: flyingcomma
ContributoriPhoneAndroidUbuntu
on 22 April 2013 - 20:17 #564503 Reply to:564482
flyingcomma's picture

ยินดีครับ ขอบคุณมากๆเลยครับ

Flyingcomma
The Consulting, Innovation, & Design Wizards.

By: Elysium
ContributorWindows PhoneSymbianWindows
on 22 April 2013 - 19:36 #564494 Reply to:564479
Elysium's picture

มันเป็นสันดานที่ 2 ของชาว Blognone ฉะนั้นมันจึงไม่เป็นการ "เสียเวลา"

คนขี้ลืม | คนบ้าเกม | คนเหงาๆ

By: flyingcomma
ContributoriPhoneAndroidUbuntu
on 22 April 2013 - 20:19 #564502 Reply to:564494
flyingcomma's picture

:) ขอบคุณครับ แต่จริงๆก็เป็นความผิดทางผมเองที่ไม่น่าเกิดครับ คราวหลังผมควรมีคนช่วยอ่านตรวจเพิ่มก่อน อ่านเองแล้วไม่เจอ

Flyingcomma
The Consulting, Innovation, & Design Wizards.

By: panurat2000
ContributorSymbianUbuntuIn Love
on 22 April 2013 - 18:37 #564483 Reply to:564440
panurat2000's picture

หรือการทำแอพพลิเคชีนที่ใช้เทคโนโลยีเว็บเข้ามาช่วย

แอพพลิเคชีน => แอพพลิเคชัน

By: flyingcomma
ContributoriPhoneAndroidUbuntu
on 22 April 2013 - 20:18 #564504 Reply to:564483
flyingcomma's picture

แก้ไขแล้วครับ ขอบคุณครับ "^^

Flyingcomma
The Consulting, Innovation, & Design Wizards.

By: tangmo01
In Love
on 22 April 2013 - 23:02 #564551

น่าใช้มากๆ

By: flyingcomma
ContributoriPhoneAndroidUbuntu
on 23 April 2013 - 04:01 #564642 Reply to:564551
flyingcomma's picture

ขอบคุณมากครับ ลองโหลดได้ฟรีเลยครับ :)

Flyingcomma
The Consulting, Innovation, & Design Wizards.

By: zotix
ContributoriPhoneAndroidWindows
on 22 April 2013 - 23:04 #564552

อยากให้ปรับตรวจจับขอบให้ดีขึ้น กับ ad block ครับ

By: flyingcomma
ContributoriPhoneAndroidUbuntu
on 23 April 2013 - 04:00 #564641 Reply to:564552
flyingcomma's picture

ตรวจจับขอบหมายถึงเวลาแสดงเว็บให้เต็มอย่างถูกต้องใช่มั้ยครับ

Flyingcomma
The Consulting, Innovation, & Design Wizards.

By: iToffy
iPhoneWindows PhoneAndroidWindows
on 23 April 2013 - 00:09 #564581
iToffy's picture

สิ่งที่อยากให้ app นี้ปรับปรุง
1. ตอนพิมพ์ url สีตัวอักษรที่ปรากฏทำให้ดูไม่ค่อยชัด เข้าใจว่าอยากให้มันดูสวยและเข้ากับ theme ของ browser แต่ส่วนตัวผมว่ามันลำบากในการมองเวลาจะเช็คว่าพิมพ์ถูกมั้ย
2. ไม่เหมาะกับหน้าเว็บที่ต้อง scroll ลงมายาวๆ เพราะแตะ status bar เพื่อเด้งกลับไปข้างบนไม่ได้ (และดูเหมือน app ไม่มีปุ่มกลับไปบนสุดใส่มาด้วย?)
3. ในแถบ History ค่อนข้างรกมาก เนื่องจากเข้าเว็บ facebook อันเดียวแต่ใน History ขึ้นมาถึง 4 หน้าได้แก่ หน้า Sign in, หน้า Remember Browser (ผมตั้งให้ถามทุกครั้งเวลาเรา sign in เข้า facebook จาก browser อื่นที่ผมไม่เคยใช้มาก่อน) หน้า feed และหน้า Home
4. Gestures ยังตอบสนองช้า เหมือนหน่วงไปประมาณ 1 วินาที
5. Gestures คำสั่ง back เหมือนต้องลากไปจนเกือบสุดขอบจอฝั่งขวาถึงจะทำงานหรือไม่ก็มันไม่ค่อยตอบสนองเท่าไร บางทีต้องลากย้ำ

ปล. ส่วนตัวผมรู้สึกว่า facebook มันโหลดได้ช้ากว่าเล่นบน safari

By: flyingcomma
ContributoriPhoneAndroidUbuntu
on 23 April 2013 - 03:59 #564640 Reply to:564581
flyingcomma's picture

ขอบคุณมากๆเลยที่ลองใช้แอพเราครับ

  • ครับ ตอนนี้กดปุ่มกฃับขึ้นไปข้างบนไม่ได้เพราะมันตีกับฟังก์ชันที่เกี่ยวข้องกับการตั้งค่า webview ของเราครับ
  • เรื่อง history เป็นเรื่องที่แก้ได้ยาก ต้องใช้เวลานานเพราะตอนนี้เราเก็บทุกหน้าเลยครับ จริงๆ history ใน browser เราก็คล้ายๆกันครับ แต่ด้วยการออกแบบเราคิดว่าพอสามารถ browse ด้วย thumbnail ได้ ก็จะช่วยในการหาหน้าเก่าๆได้อยู่
  • เรื่อง gestures มีหน่วงนิดนึงจริงๆตามเครื่องครับ แต่จะรู้สึกหน่วงเพิ่มขึ้นตรงที่จริงๆเบราว์เซอร์กำลังโหลดอยู่ด้วยครับ
  • gestures ต้องลากสุดขอบเลยครับ เราไม่อยากให้มันตีกับเวลานักพัฒนาใช้เบราว์เซอร์เพื่อเทสต์ webview,webapps ซึ่งอาจจะมี gestures ของมันเอง
  • Safari โหลด Facebook ได้เร็วกว่าครับ เพราะว่า Apple ไม่เปิดให้ใช้ UIWebView ตัวล่าสุดซึ่งมีแต่ Safari เท่านั้นที่มช้ได้ ในแง่เดียวกัน Safari ก็จะโหลดได้เร็วกว่า Chrome เสมอครับ

แอพเราไม่สามารถทดแทน safari, chrome สำหรับการท่องเว็บอย่างจริงจังได้จริงๆครับ แต่เท่าที่เคยสอบถาม user ที่ใช้เป็นประจำ แอพเราเหมาะสำหรับเวลานึกอะไรออก อยากเปิดเว็บเร็วๆ หรือท่องเว็บที่ไม่โหลดนักมากเหมือน Facebook แต่บางรายก็จะชอบใช้แบบนานๆจริงจังเหมือนกัน โดยเฉพาะใน iPad เพราะว่าสามารถเปิดเว็บได้อย่างเต็มจอตลอดเวลา

ขอบคุณที่มากเลยที่ติชมมาครับ

Flyingcomma
The Consulting, Innovation, & Design Wizards.

By: iToffy
iPhoneWindows PhoneAndroidWindows
on 23 April 2013 - 09:32 #564687 Reply to:564640
iToffy's picture

ยินดีครับ ลืมแจ้งเลยว่าเครื่องที่ผมใช้คือ iPhone 5 ครับผม ^^

By: flyingcomma
ContributoriPhoneAndroidUbuntu
on 23 April 2013 - 15:22 #564840 Reply to:564687
flyingcomma's picture

ได้ครับ ขอบคุณครับ เดี๋ยวจะนำไปแก้ไขครับ :)

Flyingcomma
The Consulting, Innovation, & Design Wizards.

By: ginhub
ContributoriPhoneWindows
on 23 April 2013 - 12:57 #564780

"ล่าสุดเราพึ่งมีเวลามาจับแอพตัวนี้ใหม่ "

พึ่ง >> เพิ่ง

...

By: flyingcomma
ContributoriPhoneAndroidUbuntu
on 23 April 2013 - 15:24 #564842 Reply to:564780
flyingcomma's picture

จริงด้วยครับ แก้ไขแล้วครับ ขอบคุณครับ

Flyingcomma
The Consulting, Innovation, & Design Wizards.

By: sdh on 23 April 2013 - 15:38 #564850 Reply to:564842

(พจนานุกรมไทยอิเล็กทรอนิกส์ ฉบับราชบัณฑิตยสถาน พ.ศ. ๒๕๔๒)

พึ่ง ๑
ก. อาศัย เช่น พึ่งบารมีคนอื่น, พักพิง เช่น ไปพึ่งเขาอยู่, ขอความช่วยเหลือ เช่น หนีร้อนมาพึ่งเย็น.

พึ่ง ๒
ว. คําช่วยกริยาหมายถึงเวลาที่ล่วงไปหยก ๆ ในขณะที่พูดนั้น เช่น เขาพึ่งไป, เพิ่ง ก็ว่า; ใช้ประกอบหลังคำ อย่า เป็น อย่าพึ่ง หมายความว่า ห้ามไม่ให้กระทำในขณะนั้น เช่น อย่าพึ่งไป อย่าพึ่งกิน, เพิ่ง เพิก หรือ เพ่อ ก็ว่า.

และ

เพิ่ง
ว. พึ่ง. (ดู พึ่ง ๒).