I have made a simple weather app which is very much functional (in web browser view) as i wanted
but when i tested my apk it wasnt that much functional i.e in my weather app you can enter a city and you
get list of options which i am getting from the autocomple API which works fine in web browser view but not in my mobile device.
Internet connections are fine and not firewall or proxy is there as mobile and PC are on the same network
So whats your problem exactly? What kind of behaviour do you expect from your app on mobile? Do you get any errors? What kind of device are you testing on? Are you doing stuff that might clog up your mobile device? Do you have many draws on the screen? We canât really help unless you provide a specific problem to work with. âBut not in mobile deviceâ doesnât tell us anything Iâm afraid.
All what @luukschoen said plus you will probably want to use this to look into the console log on your device:
https://docs.ionic.io/tools/developer/#remote-debugging
You will probably find some errors there in the console and network tab.
There are no errors so far.And no other problem everything is working fine .
I am getting a drop down list when i view in web browser like this
but when using same in mobile device(Leeco android device),thereâs no drop down
Did you check the console on the device when you type via the link I posted?
You should take a look into the console on your device through chrome://inspect to see if theres an issue logging when running on your device
Youâve got USB debugging enabled on your device? Because it should show the same logging functions as in your browser.
USB debugging is enabled.
I learned that while using API there was Cross-origin resource sharing(CORS) error, so i have set
proxies in ionic.config.json after that it was working fine, so i want to ask is there a problem with that.
For this line âthis.searchUrl=âhttp://localhost:8100/search/aq?query=â;â only i have used the proxy to avoid CORS error,
âproxiesâ: [
{
âpathâ: â/searchâ,
âproxyUrlâ: âhttp://autocomplete.wunderground.comâ
}
]
If thats the problem i.e mobile device couldnât get to localhost:8100 can you please suggest a way how to implement that link so that it couldnât get CORS error(the one i used was from ionic docs) and works fine in mobile device.
Did you confirm that the device has problems reaching this URL? If you didnât this is just guessing. Suggesting a solution could be totally useless. So please, find a way to find the real problem first.
I m just guessing.
As there is no error on the chrome://inspect page so what should I do next
If there is no error, then nothing is broken.
If you only see this âwhite pageâ you posted a screenshot of above, then something else is broken. It should look like a normal dev tools session.
What steps should I take âto get a normal dev tools session
Following the directions here should be enough:
https://docs.ionic.io/tools/developer/#remote-debugging
I have followed each and every step again then also nothing happening on the inspector
Interesting.
Did you restart after installing the drivers?
Your Chrome is uptodate?
Have a look at the answers here: http://stackoverflow.com/questions/23913773/chrome-remote-debugging-empty-inspect-tab
I have got the errors after restarting the updated browser
and the error is the one which i was guessing earlier.
the result is;
Okay, good to see you got your console working. Localhost:8100 isnât available on your device, that should be obvious ;). It runs on your local machine instead.
yes sir
so what to do to resolve the issue.
I googled for the error and i found a stack overflow answer but it didnât help me.
You have the whitelist plugin installed?