Ipad / iphone accesing image locally with safari / chrome - html

Is there any file path or way to access the images store/save on ipads/iphones? What I want to do is build a presentation wich will run over safari/chrome and access the images locally, with this the presentations will work with/without internet connection. Is any other approach to make this presentation work with or without internet?
something like this would be great
<img src="ipad://pic.jpg" />
Ps. I know Ipad/iphone hasn't have an file manager.

As far as I know you cannot access photos from the browser. This might have changed with more recent updates but I doubt it. You can use something like PhoneGap to make a native app in HTML5 that has access to system components like photos.

Related

How do you test your html on mobile?

I use Brackets editor to develop, I can check website on Chrome in desktop with :
http://127.0.0.1:49371/index.html
But it won't load on my iPhone (same wifi)
(I know I can play with the window on chrome, I need actual mobile device)
Couldn't find a way to do this.
ngrok is good for this, it allows you to publicly share local urls https://ngrok.com/
This is really hard to do. One solution that is easy, however, is to code on codepen.io and view your projects in debug view on mobile.

Video is not playing in one iPad specifically

I am developing an app for iOS which includes a UIWebView which, among other this, contains a video (stored locally, in the same folder as some images which are being displayed correctly).
This works fine in my own iPad, but I have been given another one at work to install the app to and there it shows nothing more than the video controls. When I click on the play button nothing happens. The iPad is owned by the company so any security feature might be enabled.
I have researched quite a lot and I cannot find any reasons why the app may be working on one iPad and not on another one. I know it might be impossible to fix without having a passcode or something like that but I need to know at least which configuration might be the one that is making the app not to work.
Using WKWebView fixed it. UIWebView should not be used any longer unless it is specifically needed.
From Apple documentation:
In apps that run in iOS 8 and later, use the WKWebView class instead of using UIWebView. Additionally, consider setting the WKPreferences property javaScriptEnabled to false if you render files that are not supposed to run JavaScript.

How to test a site for mobile friendliness?

I am working on writing my first serious website as a personal project and would like to test it for mobile friendliness and compatibility before I go through the process of actually configuring the FTP, etc. Is there a way to do this using just the files locally on my computer? I've tried to research a way to just upload all the site files and view how everything would look on a mobile browser, but I have not been able to find anything. Or, is there a way to open the HTML files on my phone in a browser, i.e. Chrome?
the best way -> https://www.google.com/webmasters/tools/mobile-friendly/
Google Offers Tips to optimize your site template and a higher quality of mind
You can test your website using google webmaster tool here.
If you wanted to test it locally then you can try different extension for different browsers.
for chrome check this extension it will help you a lot.
In addition to others - http://www.mobilephoneemulator.com/.
And of course, you can test your website with your smartphone.

Save video from webpage html link

I am trying to setup on my website where I can view a video in low resolution for space saving purposes, then if someone likes the video, I have added into the webpage a link for them to download the full hi-res video. The problem seems to be that no matter what I try I cannot get anything to actually download to my pc from the host server webpage video directory. I have tried many different options that I have found by googling the net. For instance
David Garner
If you are using Opera this will "Stream" and play in your Opera Browser, It will not work on IE11, Google Chrome, Firefox or Safari. And Streaming is not what I wanted anyway, I want someone to be able to download the file to their harddrive to watch later.
Can anyone help me figure out how to be able to download to my pc from the webpage Download link? The primary browser I would like to use is IE, however I am trying to also go for multi-browser support.
* Edit *
After clicking on the link in IE11 it appeared to be thinking so I let it run and after about 5 minutes it started streaming. But I still cant download to my pc the file.

Run single page HTML and JavaScript page offline in iPad 1 safari

I am coaching my son's flag football team this winter and I'd like to make a little one pager app with jquery which will display and animate for the team some plays during huddles. I have been researching this quite a bit and it seems there is no way for safari to load local files. Some have suggested using goodreader, the app, but according to their manual they use a simplified browser rather than safari.
Not sure what else to try. The iPad is wifi only using ios5.
Safari is not capable of loading local files.
You have a few different options. You can:
Upload the file to Dropbox, and use it's offline mode to view it.
Use a native / hybrid container (like Appcelerator, PhoneGap, etc)
to bundle your HTML/Javascript into a "native" app.
No Safari can not load local files. You can't run local applications from there. What you can do is develop an actual app for your iphone using dreamweaver/jQuery. You could make pre-recorded videos and play them on your iPad as well. Goodreader, from what I can tell, is for reading local PDFs, which has nothing to do with apps... (but I don't really know)
This page should give you a general idea of using JQuery (mobile) to develop and actual app:
http://jquerymobile.com/
Edit: I just thought of a simpler approach that should work. Open a drop-box account at dropbox.com and put the website/Jquery in the public folder. Get the URL for the public folder and use that. Open the website on your iPad and then don't close the window. Even when the network connections stops it should still work.
I ended up using HTML5 built in APPCACHE: http://www.html5rocks.com/en/tutorials/appcache/beginner/
We went undefeated BTW :)