I've been searching for the answer to this for the past two days but can't get it to work.
I'm working on a web app built in HTML that is optimized for the iPad. One of the pages has different links to different pages of a 50 page pdf. I used the link on Adobe's site http://helpx.adobe.com/acrobat/kb/link-html-pdf-page-acrobat.html using sample.html#page=2 and that worked in desktop browsers on Windows, but not on the iPad. I've also tried creating destinations in the PDF and linking to them, but that didn't work either.
Any help would be greatly appreciated. The only real requirement is that no additional software can be downloaded for viewing. Thanks again.
Just remove the "=" sign.
So: sample.html#page2
That should work for iPad.
Those links work only with desktop versions of Adobe products. It might be possible for Adobe to add support for them in Adobe Reader for iPad in the future.
Just
filename.pdf#pagenumber
ex
wwww.domain/pdffile
Related
I am building a website for a friend and it's just about done, apart from a bit more content, but now he tells me that it doesn't look right on his iphone. I have checked it on Safari, Opera, IE, Chrome and Firefox on laptop, and on my Android phone and on web-based iphone emulators and everything looks fine. I had him check on someone else's iphone and 1 of the problems goes but the other remains. My site is pretty basic, html and css only, but I am the first to admit that as I am new to this my code could probably be better.
The first issue is that above the header his iphone shows there are what's best described as 5 red bricks evenly spaced along the top. This doesn't show on his mates iphone.
The second issue is that on the "products" page, the right column text under the pictures isn't lined up properly, which is the case on his mates iphone. I don't know what to do here because if I alter the padding I used to line things up, it won't be right on every other browser/device.
I'm not sure what I'm best posting on here, the whole code for the site seems too much, but whatever needed to help answer just let me know. The site address for the products page is http://www.doortodoordrinksyork.com/products.html
Like I say I'm new to this so please keep answers simple.
Thanks in advance.
David.
PS Would appreciate anyone with an iphone telling me how the site displays on it.
If you use a Mac, you can use the iOS Simulator tool that comes with XCode to test out your site in a virtual iPhone/iPod. You can even compare different versions of the built-in browser, which I think is what's causing the difference between your mate's devices.
In general, well-built sites will 'work' without modification on mobile devices, but you may want to look into media queries, a CSS feature that lets you target specific screen sizes with different rules.
Hi I am developing a site for desktop.The site renders the contents for desktop size.But when I see it in mobile the content is not properly rendered.
How can I make a site that fits all mobile screen sizes say Blackberry,Android,iPhone, etc. Can anybody mention any articles. I know only HTML. Thanks in advance.
I remember looking into myself a while ago and finding this video tutorial on net-tuts+ to be a good starting point
It is hard to make a single site that looks good on both mobile and desktop. Resolution is not the only problem, the very way the user interacts with you site changes on a mobile device. That said, the typical thing to do is to have a mobile style sheet which is loaded for mobile, and a desktop sheet for desktop. You might even go so far as to limit some of your content on mobile to make the page lighter.
I found http://mobiforge.com to be a good source of info.
I have a software that eventually will have some reports to be accessed via iPhone.
Once I am not willing to develop an iPhone app, I´d like to make these reports accessible via iPhone Safari browsers.
GMail in iPad uses HTML 5, so I guess I can do the same.
My question is where can I find some resources to learn best practices doing so and how can I test it in a PC computer.
Thanks
Here is a similar answer I've given: Exclusive CSS for iPhone/Android
For testing you can use Chrome or Safari, as they are both webkit browsers (which is what the iPhone uses). Safari can even render as the iPhone user agent.
Hope this helps.
Please take a look at PhoneGap, I think that is what you are looking for.
You can emulate the program in xCode, but you will need an Apple for that. For PhoneGap also..
From the app architecture view-point you should also consider introducing app-specific optimization such us:
Simplify the app (show only what you need for mobile)
Minimize Application and Data Size
Aggregate Images into a Single Composite Resource (Sprites)
Include Background Images Inline in CSS Style Sheets
Keep DOM Size Reasonable
Ensure Paragraph Text Flows
Avoid Redirects
I'm going to create a website, which is meant to be opened from mobile phones including iphones. The website may be containing different contents such as Javascript widgets, flash content, images, texts, dropboxes, etc. The website is being built using XHTML and Javascript. What are the common issues that safari faces while opening such a website pls give your suggestions.
Mobile Safari does not support Flash. Other than that it will cope with anything that a modern desktop browser will cope with.
However, 'coping with' is not the same as 'optimised for'. There are various things you can do to optimise your content for Mobile Safari from a very simple hint about the initial viewport width:
< meta name="viewport" content="width=800" / >
to a separate CSS style sheet, to completely different content using native Mobile Safari widgets and interaction.
I suggest doing a search for 'optimizing for Mobile Safari'. Apple also has a huge amount of resources.
I have not yet come across any issues that aren't a problem in other good browsers (all except IE). But remember flash does not work, look up http://raphaeljs.com/ for a javascript and canvas tag based alternative.
Personally I'd just get into it and attack any issues if they come up.
Is it possible to make my own website as iPhone friendly format when user launches my website in an iPhone browser?
Currently if i launch my website in iPhone, it doesn't look more readable and i need to zoom it to see clearly. If i want to provide my website link will be more clear and readable with bold fonts and buttons ( moreover it is like iPhone friendly format) in the first launch itself in iPhone browser, how to make it success? I could able to see some third party websites like http://tringapps.com and all provide the same logic. How to achieve this and what should i do for that? Where to code?
Clave/
You'll need to make a separate version, or at the very least an extreme re-CSSing of your existing site.
Apple has some good tips on getting started here.
There are several toolkits to assist in developing the web apps as well, like this and even this.
There is a good book to get started. Building Applications for Mobile Safari
There are many PDFs available from Apple.