Web page does not work on android stock browser - javascript

I have developed a theme for wordpress and it works fine on all devices and browsers but Android native browser. The homepage is not adapting to the full size of the viewport and the javascript I wrote to make the slide is not working either. I canĀ“t find the way to debug the web on Android Stock browser so I'm not able to figure out what is wrong. I have read that Android is not updating the browser since 2011 and I'm worried about if there is not a solution.
This is the URL of the web: epsmotiongraphics.com
I will apreciate any help. Thanks!

Related

Script not loading on iPhone

Recently I made my portfolio website and as I tested it today, everything works just fine on all of the most popular browsers. The problem is - I have access only to phones with Android and laptops with Windows. That way I am unable to test Apple devices and Safari itself.
For that, I asked my friend to visit my website on her phone (she has iPhone), so I can check if everything is ok. Unfortunately, when she entered my domain, Safari was unable to load JavaScript at all. What's even worse, she then installed Google Chrome and Mozilla Firefox, and the same stuff happened.
We were testing my website also on MacBook - that time also on Safari and Chrome. On Safari, there were some errors (it seems that at least part of the script worked), and on Chrome everything was right. I wasn't able to explore the problems, as we only had limited time via phone call.
Right now, my main issue is - why any browser on iPhone was unable to load the script? I would be very grateful if someone with iPhone or other Apple device could tell me what's happening there. The additional issue would be the Safari on MacBook. Because in this case, I was unable to detect anything useful, other than that only part of the script seems to be working.
Also, I don't know if that matters, but I used Webpack to bundle all JavaScript files. All code + domain can be found in the links below:
The website domain is: www.pmiecznik.pl
If you want to see those scripts/ style files - they are in the src folder in my GitHub repository.

Debug an External Javascript against Documents inside Mobile Safari

This question is related to my earlier question How to Debug Javascript in IOS Action App Extension. Basically, I am developing an mobile safari extension, and part of the work is to develop a javascript (operating on top of "document" provided by mobile safari) to run inside the app extension.
However, I have not found a way to debug a javascript file inside an app extension. Now, I am trying to ask the question a bit differently - given mobile safari on a page, can I somehow run an external javascript on that page and debug this external javascript? I suppose that Safari Web Inspector could help with that? Thanks.
(This is a slightly customized answer from your other question)
The official documentation for this is [here][1].
It's not too hard, although recently I've had an issue with the page showing up when connected to the iOS simulator. In that case I just ended up using my phone directly. (Apparently you need to start desktop Safari after the iOS Simulator has started to inspect "remote" Simulator sessions)
Ensure that on the device Settings->Safari->Advanced->Web Inspector is on.
(Make sure you've Trusted the computer from the device)
Start MobileSafari on your device.
Start Safari on your desktop, make sure Show Develop menu in menu bar is on in Preferences.
In the Develop menu you will see your device name, say 'BSharer's iPhone'.
select the page name underneath your device name, say 'en.m.wikipedia.org - Wikipedia'.
You are now debugging that device's page on your desktop. The developer page will open and you can debug as if it was running on the desktop machine. You should now see all the JavaScript that is available to that page and set breakpoints.
(The app extension requires the debugger; statement because we don't see the javascript files injected by the app extension. You can still use the debugger statement but it's not usually necessary.)

html5 based game not working in android

I have an html5 game that was designed that will not work on android phones. The client is saving their website to their android device as a webapp and when they open the app from their homescreen, when they click on the link for the game, all they are getting is a black screen. I am thinking that because they are getting this issue, when they save the app to their phone, it is saving a cached version and will not allow the necessary files to load for the game. When they try this on the desktop, it works perfectly, as well when they try on any apple device it will work, only because when you click a link on a webapp saved to the homescreen on an apple device it breaks out of the shell and opens safari browser.
Is there any way to make the link to the game break out of an android webapp that is saved to the homescreen so that it can open in a web browser instead of inside the app?
Any suggestions are welcome.
The link to the app is http://mobilesourceapps.com/pondwiser
Thanks again guys!
Try PhoneGap. An auto-builder. http://phonegap.com/ it will compile the mobile versions for Android. There is also a version-download for IOS from the App Store. This might help you. Without code is tricky.

Android Chrome Website

Guys I build a website and when i am accessing it from the android browser(Default) A script that is very important on the functionality of my website is not being displayed. But when I am accessing it from the android google chrome browser the script is being displayed as I was expected to see.
My site is responsive, it adapted to the screen of the user.
I am using galaxy note 2 and the android version is 4.3.
I was thinking to build an android application such as a browser that is going to be always fullscreen and locked on my site but i do not what google chrome browser has and making my website as I want it to be.
Any help?
I'm not sure what you mean by Android Browser (default). Is there a Samsung Browser already preinstalled on the phone that isn't Chrome?
My guess, off the top of my head, is that JavaScript is disabled on this other browser. If you were to create your own browser with an Android WebView, JavaScript is disabled by default and must be manually set to true.
A quick Google search for 'Samsung Note JavaScript' doesn't return anything readily apparent, but here are a few different Samsung Models with directions on how to enable JavaScript on their browsers. I would imagine the process is similar for the Note 2.
http://support.t-mobile.com/docs/DOC-6782
http://www.droidista.com/2014/06/enabledisable-javascript-on-samsung.html
http://www.att.com/esupport/article.jsp?sid=KB117209&cv=820#fbid=omMGs_GnNUf

Web app not working on IPad but works on desktop browser

I am creating a web application that runs on an ipad using JQuery, CSS and HTML, when i test my application on a web browser everything works perfectly, but when i access the web app through the ipads browser all the windows look the same but none of the functionality is there. I have no idea why because i have all the .js files imported into the .html files and all the functionality works on the safari and fire on the desktop.... It is as if the web app on the ipad is ignoring all my .js files!
here is a picture of my files and i can add code if anybody wants it
Does anyone have any ideas why the functionality would not be working on the ipad?
You can try to launch the web application on a Webkit browser which is what is used in iPad and try to figure out what the issue is. Webkit browsers include Safari and Google Chrome. Using these launch the Web Inspector and see if there are any errors loading javascript files by going to Network Tab.
You can use the remote debuging feature with the ipad and safari. Warning this only works on IOS 6
http://moduscreate.com/enable-remote-web-inspector-in-ios-6/

Categories