I am building an application for android device using the Ionic framework. I want to store my data using localStorage. Now, I understand what it is but I can't find it anywhere on the device. I want to browse it to check if everything is saved as I want to.
I found many different tools to browse localStorage when I create app and run it under my device (real phone not emulator) is there a way to browse data store in localStorage ?
Using remote debugging (for Chrome to Android or Safari to iOS) you can easily browser LocalStorage on the device (or emulator). This article documents how to do it with Chrome (https://developer.chrome.com/devtools/docs/remote-debugging) and this one covers Safari (http://moduscreate.com/enable-remote-web-inspector-in-ios-6/).
Related
I am doing a performance testing on a web application.
I want to record the Load Time or Response Time of the browser.
In desktop browser, I will use developer tools > Network to get the data I want.
But how I able to get the REAL DEVICE's browser response time?
**Remark : I have eliminated using browser emulator since it doesn't represent the actual real device's spec.
you should use android device monitor in android studio
tools> android> android device monitor
I always have issue with the CSS styling in the default Android browser while building my responsive website. What I usually do was doing trials and errors on pc until the problem was solved.
There is a tool for chrome browser:
https://developer.chrome.com/devtools/docs/remote-debugging
but chrome usually display fine for me just that I need a debugging tool for the default Android browser. Is there any solution for this?
I'm not aware of any way to test on the old android browser using remote debugging, as new devices nowadays (Anything post 4.0) have chrome installed by default on Android.
One method you can use to help with testing responsive/mobile sites is using Chrome's mobile emulation tool
Either select a device on that list, or fake out the user agent with something from this page http://www.useragentstring.com/pages/Android%20Webkit%20Browser/
I'm working on the idea of a project that has to run as well online (via a remote server) and offline, on desktop (Linux/Mac OS X / Windows) and Firefox OS / Android mobile devices (Windows Phone and IOS is not a need).
This project have to be open, and I want to be as close to standards as possibles. I know a little about both Cordova and Mozilla Open Web App, and both seems to be really great on this aspects.
So, my question is : Which, between Mozilla Open Web App and Cordova, seams the closest to the future standards of web apps, and which can really respond to the need of running the app as well online and offline.
PhoneGap is a good choice if you target only mobile devices: you would have been able to use their APIs to create Firefox OS as Android applications. Since you need to target all desktops, Mozilla Open Web App is the choice.
By creating a Firefox OS applications, using HTML, CSS, and JavaScript, you will of course have an application running on Firefox, but you will also be able to run it on Android if you have Firefox installed. Last, but not least, you will be able to make the application run on the desktop, again, by having Firefox installed.
As for the offline support on your application, you can either use IndexedDB or create a packaged app.
When it comes to the Web Standards, Firefox OS is using the standard you know. On top of that, WebAPI is available, so you can access to the hardware, and create a better experience with the platform. Those APIs are not part of the standard right now, but we are working with the W3C to make that happens. Note that if the standard change to something we did not have, we will make the change to be standard compliant.
P.S.: Full disclosure, I'm working for Mozilla.
Good Day!
I am a newbie to the mobile tech. I have a question hope you can give me some tips or help.
My problem right now is i have a sencha app. I try deploy it using android eclipse.
1.How can i debug it from mobile?
Note: I already installed a chrome dev tools from my laptop, but the problem is that when the application launch in my mobile it doesn't use a browser.
2. How can i call my sencha app in the chrome browser mobile.
Thank you in advance.
Sincerely yours,
Jhon
Are you mainly trying to access the same dev tools that the Chrome browser gives you? If so, there are a few solutions out there. For Android you can use weinre for remote debugging:
http://people.apache.org/~pmuellr/weinre/docs/latest/
In fact, PhoneGap had a hosted instance of this online a while ago, last I remember (quite a while ago) it was down for a long time, but I just checked and it appears functional:
http://debug.phonegap.com/
It will probably run slower than your own weinre, but it saves you the trouble of dealing with setting up on your own server.
If you are working on iOS there is actually a rather nice way built-in to iOS/OSX. You need a machine with OSX on it, plug in your iOS device or run the iOS simulator, and then open Safari on your laptop/desktop. Safari has a develop menu, allowing you to open debugging tools (inspector, console, etc) for your remote devices.
I'm developing a mobile version of my site and I don't have my mobile phone with me to view my changes. How can I mimic mobile view on a desktop for development? I tried http://iphone-emulator.org/, but It doesn't change my User-Agent to mobile. I'm on a Mac.
If you are on a mac you can download the iOS SDK which embed a simulator. You can also find an emulator inside the Android SDK.
EDIT : faking the user agent is a false solution since you don't have the exact rendering engine than you have one device.
EDIT2 : if you're starting mobile device development one advice : beware of blackberries (the old versions of the OS embed the IE6 of mobile)
You can use the emulator that Android offers.
The easiest and quickest way to get an idea of your mobile web app is with Chrome:
Settings -> Tools -> Developer Tools -> Settings (right site bottom) -> User agent (in Tab menu) -> "Override User Agent"
Remember: the results of ANY emulator should be verified by real mobile devices on regular basis.
If you want to view the effects of multiple user-agents at once you can try http://prism.mobiforge.com. It shows an iframe for each mobile device, using the correct user-agent string for each one. It's a handy check, but not a way to test the actual rendering on real devices, as AsTeR notes.
It also shows the overall page weight in each case, which can be useful.
Using "User Agent Changer" for Firefox...
Set Developer option under Safari.
Development->Change User Agent