I have a web app that allows the user to embed quoting widget's on their own personal websites. The widget is built in our app and then we give them a piece of JS that they can embed wherever they please. Example embed code:
<script src="https://pinney.dataraptor.com/quoting/widget/widgets/18.js"></script>
The issue here is that on any mobile device (Tested on IOS and Android) the widget simply won't render. I've tested on my android phone in Chrome, Firefox and IE and interestingly enough it does show in the IE app but not the others.
To see for yourself fire up http://www.wholesaleinsurance.net on a mobile device.
After some exploring we found that our SSL was improperly configured, so the user had to visit and trust our sites content before the widgets would render elsewhere.
Related
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
From time to time, I do see on iOS devices web pages which have a region at the upper end of the page, which links to an app store. The text in the region reads like 'Available in AppStore too.'.
Since all those regions share a common layout, I wonder if that's a software library or a service? Or does it is a feature of mobile Safari?
Do we have libraries to promote the related app of a web-site if a user with a correct mobile device views the site?
Update 2014-06-29
While Apple's Smart App Banners are great, only Safari 6+ will show them.
For other iOS browsers and Android device this jQuery mobile plugin might be of help: jquery.smartbanner at GitHub.
These are called 'Smart App Banners'. All the needed details are available on the iOS Developer Library: Promoting Apps with Smart App Banners.
I have a project involving Google Maps API and some JavaScript codes. The page is build upon jQuery Mobile. I have the web page tested on Chrome, FireFox, Opera and IE on desktop, and on various mobile phones as well.
It doesn't work only on iPhone (4, nor 5). I mean, it's all good under Android, WP8, Chrome iPhone simulator, and even working perfectly on an iPad (Air, if matters).
It appears to be that Google Maps API is not loaded at all. It should be initialized after page load, and then show a map inside the page. But there's nothing. Also there's no alert about querying user's location, which does happen when using an iPad.
The safari on iPhone is the same version as that on my iPad, OS 7.0.4, Apple WebKit 537.51.1, Safari 9537.53. The devices are connected to the same WiFi network. Due to lack of a Mac I can't use the remote debugging function right now.
Any brief ideas about what's wrong with the application? I suspect it's inside JavaScript but I could be wrong.
Thanks.
I've found the problem and solved it.
It is because the location service is disabled for safari (by default), on iPhone. However it's enabled on my iPad (not sure if it's default) so that I get different reaction from the location service API.
I have to put an alert message for iOS users when detecting that location service is disabled. After it's enabled in the privacy settings on the device, the application works perfectly on all devices.
The patch code is here for those who need.
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/
I'm wondering if it is possible to invoke installed Facebook and twitter mobile app on any platform either Android, i-phone, BB e.t.c. thru some html/java script /jquery code.
for e.g.
Open Email
Hope i'm clear to you all.
Any code-snippet would highly be appreciated.
mrana
Well, in android is posible:
When we click on a link the browser sends an intent to the OS.
Check this article for more information:
http://blog.jayway.com/2009/09/24/the-browsable-category-revealed/