webOS Nation Forums >  webOS smartphones (Pre, Pixi, Veer) >  Palm Pre and Pre Plus > Mobile site stretching? Easy viewport fix!
Mobile site stretching? Easy viewport fix!

  Reply
Like Tree1Likes

 
LinkBack Thread Tools Display Modes
Old 01/11/2010, 11:53 AM   #1 (permalink)
Member
 
Join Date: Jun 2008
Posts: 41
Likes Received: 1
Thanks: 9
Thanked 24 Times in 5 Posts
Default Mobile site stretching? Easy viewport fix!

Hello fellow webOS users!

There are several websites programmed for mobile phones with larger buttons and simple styles, however since they weren't programmed for any platform in particular they lack the viewport meta tag.

What does this mean? This means rather than looking like [third image attachment], they look like [first image attachment]. The site is stretched out to the default nine hundred and whatever pixels that the webOS is programmed for. The styles are simple but you have to zoom and drag all over the place.

So to make it look like [third image attachment], do [second image attachment]!

After a bit of trial and error I created a new Yubnub command that fixes the issue. Yubnub is a "command line for the internet" and it works similar to the Keytoss Keyword Powered Search, but has many other features which make it very powerful. If anybody knows how to make Yubnub the default search engine for the Palm Pre, please let me know!!

You don't need to know how YubNub works to use this command, however. Just follow the three simple steps below.

The example in the pictures is of Chase Bank's mobile website at http://www.chase.mobi. If you have no need for this URL, I still recommend following the steps using it as it is a prime example of what I'm talking about. Point your browser to http://www.chase.mobi first so you can see the before and after for yourself, then follow the steps.
  1. Point your Palm Pre's browser to YubNub - YubNub.org.
  2. In the text box, input "viewport [URL of site here]". See [second image attachment].
  3. Wait for the page to load. If it looks better, bookmark the new page with the desired title or add it to your launcher. The new URL will do the processing for you, and each time you use the new bookmark the site will load prettily again.

Hope this comes in handy,

Jake
jacobensor.com
magicjj is offline   Reply With Quote
Liked by Goyena likes this.
Old 01/11/2010, 12:20 PM   #2 (permalink)
Member
 
Join Date: Jul 2009
Posts: 795
Likes Received: 0
Thanks: 22
Thanked 105 Times in 92 Posts
Default

Pretty slick ... my banking web site was like that and now looks a lot nicer
davis.rob is offline   Reply With Quote
Old 01/11/2010, 12:33 PM   #3 (permalink)
Member
 
glenada's Avatar
 
Join Date: Jan 2004
Location: New York City
Posts: 777
Likes Received: 0
Thanks: 8
Thanked 10 Times in 8 Posts
Default

BTW, how do you delete bookmarks?
__________________
Current Phone(s): HTC Inspire "4G" & Pre 2
glenada is offline   Reply With Quote
Old 01/11/2010, 01:41 PM   #4 (permalink)
Member
 
knobbysideup's Avatar
 
Join Date: Oct 2009
Location: Central PA
Posts: 840
Likes Received: 3
Thanks: 305
Thanked 108 Times in 70 Posts
Default

hrm. May try that with Ski Roundtop 2008-2009 Lodging That site comes up tiny, and a double-tap always fixes it. It'd be nice to eliminate the double tap.

**EDIT: Works really well. Thanks! Hopefully yubnub sticks around and isn't flooded when I use it with some of these sites.

Last edited by knobbysideup; 01/11/2010 at 01:50 PM.
knobbysideup is offline   Reply With Quote
Old 01/11/2010, 02:15 PM   #5 (permalink)
Member
 
Join Date: Jun 2008
Posts: 41
Likes Received: 1
Thanks: 9
Thanked 24 Times in 5 Posts
Default

I've been using Yubnub for years and I can only recall it going down once for a few hours!

If you have problems with it let me know and I can host a page for you on my server that would do the same thing.

BTW, should I also post this on the Pixi forum? It should work on the Pixi the exact same way.
magicjj is offline   Reply With Quote
Old 01/11/2010, 02:38 PM   #6 (permalink)
Member
 
Join Date: Aug 2007
Posts: 44
Likes Received: 0
Thanks: 28
Thanked 21 Times in 5 Posts
Default

i hope this issue is fixed in a future update soon, thanks for the fix but i hate having to workaround.
Zoen22 is offline   Reply With Quote
Old 01/11/2010, 03:18 PM   #7 (permalink)
Member
 
ChaosMarine03's Avatar
 
Join Date: Aug 2009
Posts: 286
Likes Received: 0
Thanks: 7
Thanked 19 Times in 15 Posts
Default

woker for me thanks!
ChaosMarine03 is offline   Reply With Quote
Old 01/11/2010, 07:19 PM   #8 (permalink)
Member
 
knobbysideup's Avatar
 
Join Date: Oct 2009
Location: Central PA
Posts: 840
Likes Received: 3
Thanks: 305
Thanked 108 Times in 70 Posts
Default

Quote:
Originally Posted by magicjj View Post
I've been using Yubnub for years and I can only recall it going down once for a few hours!

If you have problems with it let me know and I can host a page for you on my server that would do the same thing.

BTW, should I also post this on the Pixi forum? It should work on the Pixi the exact same way.
That's an even better idea. And a reason to get my webserver back online :-\ People are wondering where my code repositories from freshmeat went off to.
knobbysideup is offline   Reply With Quote
Old 01/11/2010, 09:25 PM   #9 (permalink)
Member
 
Join Date: Jun 2008
Posts: 41
Likes Received: 1
Thanks: 9
Thanked 24 Times in 5 Posts
Default

Quote:
Originally Posted by knobbysideup View Post
That's an even better idea. And a reason to get my webserver back online :-\ People are wondering where my code repositories from freshmeat went off to.
Haha. Well the only difference on the front end is that of the URL being shorter. Yubnub's servers are probably more reliable than my own. I could have hosted a page that does the processing on my server rather than going through Yubnub but I thought this would work out better in the end.

I do have two static ones that I added some stuff to for personal use on my server, but the obvious benefit of making it dynamic like this is that any dumbie can follow those three steps :P

Glad you guys are finding this useful!

Jake
magicjj is offline   Reply With Quote
Old 01/20/2010, 11:14 AM   #10 (permalink)
Member
 
Join Date: Jul 2009
Posts: 133
Likes Received: 0
Thanks: 98
Thanked 15 Times in 13 Posts
Default

Could this be turned into a patch for the webOS browser?
odontastic is offline   Reply With Quote
Old 01/20/2010, 11:36 AM   #11 (permalink)
Member
 
Join Date: May 2009
Posts: 588
Likes Received: 0
Thanks: 0
Thanked 74 Times in 54 Posts
Default

Yay! I've been trying to do this for quite some time, with no success. Now, my office's mobile web client is usable on my Pre.
squeff is offline   Reply With Quote
Old 01/20/2010, 11:55 AM   #12 (permalink)
Member
 
Join Date: Jun 2009
Posts: 13
Likes Received: 0
Thanks: 3
Thanked 2 Times in 2 Posts
Default

Quote:
Originally Posted by glenada View Post
BTW, how do you delete bookmarks?
Click on the "Web" button at the top of the browser, select Bookmarks (not Add Bookmark...look farther down). This brings up a list of your book marks.

You delete one by sliding it to right or left off screen and then click "Delete' button.

You can reorder Bookmarks by dragging and dropping into the order you want to see them on screen.
Bryan Lane is offline   Reply With Quote
Old 01/27/2010, 04:39 PM   #13 (permalink)
Member
 
Join Date: Sep 2004
Posts: 1,233
Likes Received: 0
Thanks: 18
Thanked 165 Times in 45 Posts
Default

You can access YubNub via KeyToss with the keyword @yn.

I'll also look into adding this viewport feature to KeyToss in the future...
samkim is offline   Reply With Quote
Old 01/28/2010, 03:16 PM   #14 (permalink)
Member
 
cwgtex's Avatar
 
Join Date: Jul 2009
Posts: 608
Likes Received: 3
Thanks: 141
Thanked 243 Times in 91 Posts
Default

Thanks! I read news articles of my favorite team quite often at m.dallascowboys.com and I always had to read in landscape mode with tiny text. The iphone user agent tweak didn't alleviate this.

Your solution works perfectly though! This will save me much squinting.
cwgtex is offline   Reply With Quote
Old 01/28/2010, 04:09 PM   #15 (permalink)
Member
 
JohnnyPre's Avatar
 
Join Date: Jun 2009
Location: Ft. Lauderdale, Florida
Posts: 920
Likes Received: 0
Thanks: 16
Thanked 91 Times in 78 Posts
Default

could someone aries this into an app?
JohnnyPre is offline   Reply With Quote
Old 01/31/2010, 11:45 AM   #16 (permalink)
Member
 
Join Date: Jul 2009
Posts: 795
Likes Received: 0
Thanks: 22
Thanked 105 Times in 92 Posts
Default

I just wanted to cross-reference this thread to another discussion of the same issue (older WAP sites not displaying large enough). In this thread:

http://forums.precentral.net/palm-pr...-question.html

Garret92c found that using a properly formatted mobile web site in landscape mode will (somehow) affect the older style site when you switch to it. The YubNub fix works great if you plan on bookmarking it, but if you happen to just stumble into one of these older WAP sites, do this ...

Just immediately go to one of your bookmarked mobile sites that is properly formatted for the Pre (like m.google.com or m.precentral.net), tilt to landscape mode and back to portrait, then hit the 'backup' arrow/button to return to the "tiny text" site. Magic!
davis.rob is offline   Reply With Quote
Thanked By: mapper54
Old 02/03/2010, 11:35 AM   #17 (permalink)
Member
 
Join Date: Jun 2008
Posts: 41
Likes Received: 1
Thanks: 9
Thanked 24 Times in 5 Posts
Default

Sweet, thanks for the heads up!
magicjj is offline   Reply With Quote
Old 02/03/2010, 11:42 AM   #18 (permalink)
Member
 
Join Date: Aug 2009
Posts: 257
Likes Received: 0
Thanks: 63
Thanked 45 Times in 32 Posts
Default

Is there any way to save this launcher bookmark? I love saving pages as launcher icons, but I know someday I'll need to doctor my pre or clean slate it somehow. I've put a fair amount of work into creating little icons and I'd love to back them up, or even share them!

I'm imagining there simply must be a file somewhere for each of those, a little png with an associated url. Where oh where?
neve is offline   Reply With Quote
Old 02/03/2010, 01:08 PM   #19 (permalink)
Member
 
Join Date: Jun 2008
Posts: 41
Likes Received: 1
Thanks: 9
Thanked 24 Times in 5 Posts
Default

Quote:
Originally Posted by neve View Post
Is there any way to save this launcher bookmark? I love saving pages as launcher icons, but I know someday I'll need to doctor my pre or clean slate it somehow. I've put a fair amount of work into creating little icons and I'd love to back them up, or even share them!

I'm imagining there simply must be a file somewhere for each of those, a little png with an associated url. Where oh where?
I'd also like to know this. Being able to back them up would be nice, and so would being able to replace the PNG files if you want to make an icon on your computer. If anybody knows anything please share!
magicjj is offline   Reply With Quote
Old 02/03/2010, 01:32 PM   #20 (permalink)
Member
 
Join Date: Jan 2010
Posts: 35
Likes Received: 0
Thanks: 7
Thanked 0 Times in 0 Posts
Default

Wow!! Thanks for pointing this out.
Grizzld is offline   Reply With Quote
Reply

 

Tags
meta, mobile, sites, stretch, viewport

Thread Tools
Display Modes



 


Content Relevant URLs by vBSEO 3.6.0