367      iPhone_iPad_Mac_apple

How to zoom out without having it autofit to sc...

Ok, so I have this *******' new iPad with an incredible resolution of 2048x1536.  Awesome, right?  That's more resolution than an HDTV, even more than a 24" 16:10 screen right?  WRONG!.  Or at least, partially, because Safari keeps resizing the website to fit the entire width of the iPad.  On a desktop computer, you'd see empty space on the sides of a website that didn't fill your widescreen up, losing horizontal resolution but gaining precious VERTICAL resolution.  On the new iPad, even though it has 2048 pixels across, it will zoom in to fill that entire width and not let you zoom out.  While filling up the screen, yes, it also causes you to lose a TON of that vertical scroll space.  And with the new iPad and its ultra fine PPI Retina display, it's more than good enough to zoom out and still have the text perfectly readable (albeit, quite small).  While I can manually zoom out and get the perfect view i'm referring to, I have to hold my two fingers on my screen, or else it will just snap back to the auto-fit size.

So does anyone know an option or even a different browser that will give me this option?  Ultimately, all I want is a REGULAR desktop browser.  One that doesn't auto resize to the website's width, one that doesn't BY DEFAULT, show the mobile version of the site.  I want to view the desktop version of websites, because damnit the new iPad's resolution can handle it.  I mean, c'mon, the freaking display on the new iPad is BETTER than most computer monitors out there, yet the versions of websites i'm stuck with by default are intended for displays no bigger than 1024x768.  Apple, stop hand tying the iPad here; let loose its display potential!!  It's hard to impress people how much better the Retina display is (which it is, considerably no doubt) compared to the iPad 2 when you're limiting people's webpage viewing experience!

If iPad dosn't suit you requirement. You should use device that come with bigger screen.

All small mobile device has the same screen size.

I am very happy with resolution on new iPad So you can read small and clear font easily.

I have exactly the same issue with the new iPad. I would love to zoom out the web pages and see more vertical space. The retina resolution makes it possible to read correctly really small text. I frequently hold my 2 fingers to zoom ou but that's not very practical... I'm really disapointed and if I knew would have gotten the iPad 2.

Apple just let us zoom out for gods sake!

1. Ranting is forbidden by ToC of the discussion board.

2. You are not addressing Apple here, only fellow users, if you want to ask apple to do something, ask it at the following link; apple.com/feedback.

3. There is no option to view desktop by default, this is usually a design made by the web designer as the script recognizes a mobile device and acts accordingly.

4. Googling the answer for another browser takes almost 1 minute

Is there another browser for iPad that allows to zoom out more than safari allows, to use more of the retina display?

one that doesn't BY DEFAULT, show the mobile version of the site.

That's also controlled by the web developer, and has nothing to do with your iPad. The developer codes the site to detect the browser and many developers will automatically route you to the mobile version of the site when they detect a mobile device. Complain to the developers of the web site for not giving you the option to view the standard site. The same thing will happen no matter what browser you use unless said browser has the ability to "masquerade" as another, non-mobile browser.

Does anyone have a solution for this?  It sure would be nice to permanently zoom out on web pages (or anything in iOS).  Retina has enough pixels to do it, and my eyes are still young enough to read it :P. 

I found another post asking the same question with no resolve:  https://discussions.apple.com/thread/3871742?start=0&tstart=0

One thing I did find, however,  is you can use dual page web browsers that show 2 pages side by side.  This effectively halves the horizontal resolution, thus negating the zoom in problem described by the OP.  It's not the ideal solution but it does give you a lot more vertical resolution.

Ok, considering there hasn't been any development of this since the iPad 3 came out (which is downright astoninshing considering how big a deal this is and how many people have the device) I thought i'd share with you my cumbersome, but effective, workaround.

Here's how to do it using Safari (this should work on any mobile browser that supports bookmarklets, including Android which shares this same problem)

1.  Open mobile safari, and create a new bookmark, preferrably placing it on the Bookmarks Bar for easy access

2.  Edit the bookmark.  Give it a useful name such as "<Vport 1536>"

3.  In the address field, replace the entire field with the following (copy and paste):

javascript:var%20w=1536;var%20v=null;var%20m=document.getElementsByTagName(%22meta%22);for(var%20i=0;i%3Cm.length;i++)if(m%5Bi%5D.name%20==%20%22viewport%22)v=m%5Bi%5D;if(v%20!=%20null)v.parentNode.removeChild(v);v=document.createElement(%22meta%22);v.setAttribute(%22name%22,%22viewport%22);v.setAttribute(%22content%22,%20%22width=%22+w);document.getElementsByTagName(%22head%22)%5B0%5D.appendChild(v);

4.  Hit ok and loadup a DESKTOP version of a website to test out

5.  Once the desktop version of the site is loaded, select your bookarklet.

At this point, the website MAY autozoom out (particularly, if you've loaded this bookmarklet at least once before on the same tab during this browsing session), or it may appear not to have done anything.  If the latter, then MANUALLY zoom out using the two-finger pinch method.  When you release, the webpage shouldn't zoom back in, but rather stay zoomed out.

Voila, problem...averted!  I won't say solved, because it's still annoying having to do this for EVERY webpage you want to zoom out on, but, alas, it's the only working solution I've found thus far.  I'm not overly knowledgable on Javascript, so I don't know what can be done to make this smoother.  For instance, it would be nice if the Viewport you selected kept when you used hyperlinks to go to other webpages, rather then now having to constantly click the bookmark for each new page loaded (that's why I suggest putting this on your bookmark bar).  Also, it would be nice to not have to manually zoom out (although really you only need to do this the first time while browsing in that tab.  After that, it seems to automatically zoom out after loading the bookmarklet).  So anyways, if anyone can help me edit the code to fix these annoying quirks, i'd very much appreciate it!  My email is farfolomew@gmail.com.

Finally, the example above is using 1536 pixels as the webpage width.  This corresponds to the iPad 3's horizontal resolution while in portrait mode.  You can easily adjust this by changing the number in the beginning right after where it says "javascript:var%20w=".  The resolution on the iPad 3 is so freaking good, you can go as high as 3072 and still barely make out text, hehe.  But anyways, you may decide 1536 is too small to read, in which case, i'd suggest 1280.  It's near half way between the default size of 980 (see below) and 1536.  I find myself using this more often than 1536 to be honest.

In total, I have four bookmarklets on my Bookmark Bar for changing the size:  980 (default), 1280, 1536, and 2048 (for when in landscape mode).

In closing, while this solution is acceptable for me, it's far from an ideal solution.  The bigger issue though is, for the life of me, I can't possibly fathom how this isn't bothering more people.  With resolutions ever increasing on their mobile devices, it's only a matter of time before people realize the screens their using are just as good as their computer monitor (or better), and should be displaying as much, or more, as their computer monitor does.  How long will people be content not taking advantage of these resolutions, but rather continuing to favor crisper, larger text instead of overall screen real estate?  I certainly hope some engineers at apple take note of this and do something about it.  All i'm asking for is an option to STAY zoomed out.  I'm not asking for in depth resolution scaling options like you have on your Mac Book retina!

Anyways, have fun!

-Farfle

*Techy background info I discovered while researching this:

All mobile device browsers, including iOS, use what's called a Viewport when displaying a web site.  Think of this as a virtual window your browser draws in which it loads the contents of the webpage in.  This Viewport is always stretched to the full dimensions of the device, which in the case of our iPad 3 is 1536x2048 pixels (from here on out, i'll just refer to the horizontal resolution, as that's the only thing that matters.  Also, it's always assumed portrait mode). 

Now, this Viewport's resolution is NOT equivalent to the iPad 3's 1536-pixel resolution.  Rather, it dynamically changes based on the website.  That's the underlying difference between a mobile version of a webpage and a desktop version:  the mobile version has a smaller viewport to accomodate a mobile device's smaller physical resolution.  Now, for a desktop version of a website, no Viewport size is implicitly specified, which means your mobile browser has to pick one since the website didn't.  The default Viewport size is 980 pixels, and it's used on ALL iOS devices (it may even be the size used for Android, but i'm not sure). 

So, what happens when you view a desktop site on your mobile device?  The result is generally a very small and unreadable webpage (duh).  The reason for this is your mobile browser is loading the webpage up using a default Viewport size of 980 pixels (since the desktop version of a site doesn't specify one), and then down scales that to fit your device's physical screen size (which for iPhone 4+ is 640 pixels, and iPad 2 768 pixels). Thus, you end up with a properly formatted site in terms of everything being layed out correctly, but extremely small.

So with this default viewport 980 pixels wide, you might notice that's actually greater than the iPad 2's resolution of 768.  You're right, the iPad 2 has to do the exact same thing your iPhone does when viewing desktop webpages: scale them down to fit its physical resolution.  Not ideal is it?

However, with the iPad 3's 1536-pixel resolution it has plenty of room to fully display all of that 980 viewport.  In fact, TOO much!  So what does it do?  No, it doesn't leave it alone and pad the sides with white space like a regular high resolution computer screen would do, but rather UP scales the 980 pixel Viewport to its 1536 pixel screen.  This is why if you loadup the same desktop webpage on an iPad 2 and iPad 3, they'll look identical, in terms of format and how much of the page is visible.  The difference will be the iPad 3 will display it a lot more clearly, as it lost no information from having to downsize, and it has more pixels to work with to eliminate alias artifacting with text (actually, pictures MIGHT look worse as they have to be scaled up, but text looks a lot crisper because it's vector based).

For me this isn't acceptable.  I shouldn't have to be limited to 980 pixels when I ultimately have 1536 pixels to work with on my Ipad 3.  I want the webpage to be SMALLER so that I'll be able to view more VERTICAL content, and won't have to scroll as much.  As long as I can READ the text, there's no need for the darn website to be limited to 980 pixels in width.  The problem is on iOS (and Android for that matter) you cannot permenently zoom out past the size of your viewport.  BUT, if the viewport could be changed, to say 1536, rather than 980, Safari wouldn't have to scale it to the width of the device, and effectivly would show the page already zoomed out--and thus I'd end up being able to see a lot more of the webpage vertically (by virtue of the sides being padded with empty space, just like on your widescreen computer monitor).

So, what does all this crap mean?  Simple:  in order to permanently zoom out a webpage on iPad 3, you need to tell Safari to load the page in a larger viewport, thus padding the sides of the page with emtpy space.  The only way to accomplish this that i've found is by use of bookmarklets.  For those who don't know what they are, they're simply a piece of JavaScript code used in place of a bookmark's regular URL address.  What happens is when you then load that bookmark, rather than taking you to a new webpage, it executes that JavaScript code ON the current webpage you're viewing.  This allows you to do some nifty post-formatting of the webpage, which in our case is exactly what needs to be done to serve up a larger viewport.

Ultimately, the fix should come in the form of a mobile browser that that has a setting to avoid use of Viewport altogether (like regular desktop browsers do) or a setting that allows you to change the default viewport size of 980 to whatever you specify.  OR, ultimately the best solution would be to simply allow zooming out past viewports and NOT have the device auto zoom back in to the viewport's width.  But I think this last option is inherritantly limited by iOS itself, as this behavior is common in any app you use, not just web browsing.

So what your telling me here is that I CAN NOT zoom in or out on the browser on an iPad?

Just chiming in cause I was looking for an answer for the iPad Pro 12.9", since it's big and powerful enough to display desktop pages without any problem, and many desktop versions of pages look very big and zoomed in. The bookmarklet still works fine, though I changed the resolution to 1300 cause it's more comfortable for me. Bigger number, smaller fonts/more space, and vice versa. Thank you for the workaround, that'll have to do for the time being.

Thanks for the work around, this allows me to view my web based database more efficiently.

An example of a website that refuses to zoom, and instead snaps back to the page size is museumofjewelry.com, which is extremely user unfriendly. I found the puffin browser at puffinbrowser.com goes undetected as a mobile device and alllows me to zoom in as needed. I've been using puffin for many years, it's a good and stable browser.

最后更新：2017-08-28 16:54:02

  上一篇： Apple Pencil Firmware

  下一篇： Is there an ios 10 update for ipad 3?