mobile-website

What are cross-browser, cross platfom web safe fonts?

纵饮孤独 提交于 2019-11-29 01:11:20
How to make cross browser, cross platform and all devices compatible css font stack? James Goodwin You cannot guarantee the fonts that will be used on a mobile device the same way you can guarantee which fonts are available on a normal computer. A safe bet is to use a generic font family that can be interpreted by the mobile browser to show you the relevant font, e.g. font-family: serif; /* (e.g., Times) */ font-family: sans-serif; /* (e.g., Helvetica) */ font-family: monospace; /* (e.g., Courier) */ The best solution is to always supply a generic font family after any specific fonts: font

Paypal Adaptive payment for mobile web

删除回忆录丶 提交于 2019-11-28 23:10:37
Im integrating Paypal Adaptive Payment API for a mobile website. But when Im submitting payment to https://www.paypal.com/webscr?cmd=_ap-payment&paykey=value ( For Sandbox : https://www.sandbox.paypal.com/cgi-bin/webscr ) Its always redirecting to Paypal Main Web. Not to Paypal Mobile website. How to redirect client to paypal mobile web? Try redirecting your site to https://www.sandbox.paypal.com/webapps/adaptivepayment/flow/pay?paykey=AP-XYZ&expType=mini Fill your pay key in place of AP-XYZ Let me know if it works. TrackABill.com The best approach I found was mini browser experience. But I

JQuery Mobile Table

家住魔仙堡 提交于 2019-11-28 21:28:36
Can anyone point me to any sample or can provide any sample of a Jquery Mobile table please? I've seen the demos on their website and found no tables. I need to be able to create a table that will look good on Mobile / iPad. Alex Try this layout instead <ul> <li> <!--first item --> <table> <tr> <td>Heading1</td> <td>Meaning1</td> </tr> <tr> <td>Heading2</td> <td>Meaning2</td> </tr> <tr> <td>Heading3</td> <td>Meaning3</td> </tr> </table> </li> <li> <!-- second item --> <table> <tr> <td>Heading1</td> <td>Meaning1</td> </tr> <tr> <td>Heading2</td> <td>Meaning2</td> </tr> <tr> <td>Heading3</td>

Android browser refreshes page after selecting file via input element

99封情书 提交于 2019-11-28 19:10:20
I have a mobile web page which includes an input element of type 'file', to allow users to upload image files to a server. The page works fine on iOS, and on a Nexus 4 (Android 4.2.1) in the Chrome Browser. When I use a Samsung S3 (Android 4.0.4) with the default browser clicking on the 'Choose file' button opens the image selection dialog as expected, however after I choose an image and close the dialog the web page gets refreshed, so I lose the image that was selected. Has anyone else seen this behaviour? Any suggestions for a workaround? The input element that I'm using is fairly standard,

How to detect mobile device and get user agent info send and save that information to database on server, only once?

不打扰是莪最后的温柔 提交于 2019-11-28 18:57:28
Is there any script to check user agent then send and save that information to database on server? I'm making mobile website with 2 versions like m.facebook.com and touch.facebook.com and I want to redirect to different mobiles. and I use WURFL device detection. So for example m.html5version.com should be delivered to all HTML5 supported devices and m.mobileversion.com should deliver to all other mobiles. So i need a way to detect device and browser 1st time using any server-side or client-side method. when any user will open the website first time on device then an script should run once it

Mobile website “WhatsApp” button to send message to a specific number

旧城冷巷雨未停 提交于 2019-11-28 18:17:41
A mobile website can be customized to allow users to share a pre-filled message in WhatsApp to a manually chosen contact. As given here it is done using Custom URL Scheme. An example: <a href="whatsapp://send?text=Hello%20World!">Hello, world!</a> To call a particular number we use: <a href="tel:0123456789">Call</a> Similarly, can we send a WhatsApp message to a specific number (or at least open the chat) without user choosing the phone number manually rather it will be one of the predefined parameters/attribute values? This can be easily done now! You just need to use this format: <a href=

Mobile Device Browser File vs. WURFL for ASP.NET

风流意气都作罢 提交于 2019-11-28 16:52:39
问题 I am working on a commercial web application that has a separate mobile browser version intended for the more capable devices (BlackBerry, iPhone, Android, etc). I don't want to do simple User Agent contains style logic and was looking at the various detection libraries. It seems like WURFL and Mobile Device Browser File are my best options. The Mobile Device Browser File (MDBF) project at CodePlex exposes information through the Request.Browser property. Also, it has a Microsoft Public

Performance problems with HTML5 Canvas in some mobile browsers.

*爱你&永不变心* 提交于 2019-11-28 16:45:31
Hi I have a Webapp that should be able to run on both Smartphone and Desktop Browsers alike. While I was expecting to get some curious behaviour on small devices like the Iphone, I was pretty confident that it would run well on an Android Galaxy Tab which is the Android Device that I can run tests with at the moment. Now I have installed a bunch of Browsers on the Galaxy Tab to test things with: Android Native Browser Chrome for Android Firefox for Android On the Desktop I have used Firefox Google Chrome and finally I have an Iphone to test with. The website uses HTML5 canvas for pixel and

Image Size Best Practices for Mobile Application

放肆的年华 提交于 2019-11-28 16:41:26
问题 I am building a mobile application that will target iPhone/iPad and Android phones. The application will involve users taking photos and uploading to my server and later on the users will be able to look at those photos on their mobile devices (although not necessarily their own photos so an Android user might be looking at a photo taken with an iPhone). Which sizes should I save the photos to be able to cover the most use cases? iPads are 1.333 W/H, most mobile phones are 1.5 or 1.333 W/H

Disable Pinch Zoom on Mobile Web

你。 提交于 2019-11-28 15:17:36
问题 I want to disable Pinch and Zoom on Mobile devices. What configuration should I add to the viewport ? Link : http://play.mink7.com/n/dawn/ 回答1: EDIT: Because this keeps getting commented on, we all know that we shouldn't do this. The question was how do I do it, not should I do it. Add this into your for mobile devices. Then do your widths in percentages and you'll be fine: <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> Add this