mobile

Apple Touch icon for websites

久未见 提交于 2019-12-17 17:25:01
问题 Up to now, I've been including the line for the Apple Touch icon in my head like this: <link rel="apple-touch-icon" href="/apple-touch-icon.png"> However, in the Q&A "What are the correct pixel dimensions for an apple-touch-icon?" it is stated in the accepted answer that three images are now needed according to Apple's guidelines. So how would one go about inserting these into the head section of the code? 回答1: Minimalist solution - Recommended A common practice is to create a single 180x180

What database does PhoneGap use and what is the size limit?

早过忘川 提交于 2019-12-17 17:24:53
问题 I wrote an HTML5 database that abstracts localStorage, indexedDB, and WebSQL. Using straight HTML5 my database options look like this: IE10 - indexedDB - 1GB max FireFox - indexedDB - unlimited Safari - WebSQL - 50MB max Chrome - IndexedDB (or Web SQL) - unlimited (with the HTML5 Quota API ref1, ref2) Opera - WebSQL (until they switch to webkit?) - unlimited I would like to expand the maximum database size using PhoneGap or the Quota API. From PhoneGap's documentation it looks like the

Using form input to access camera and immediately upload photos using web app

拜拜、爱过 提交于 2019-12-17 17:23:42
问题 I came across this answer which is brilliant: In iPhone iOS6 and from Android ICS onwards, HTML5 has the following tag which allows you to take pictures from your device: <input type="file" accept="image/*" capture="camera"> Capture can take values like camera, camcorder and audio. Is it possible to take this one step further by using ajax of some kind to immediately upload photo after its taken? For example, using my phone, once I tap on the input, it then opens the camera which will

When should I add Redux to a React app?

人盡茶涼 提交于 2019-12-17 17:21:52
问题 I'm currently learning React and I am trying to figure out how to use it with Redux for building a mobile app. I'm kind of confused on how the two are related/usable together. For example, I completed this tutorial in React https://www.raywenderlich.com/99473/introducing-react-native-building-apps-javascript, but now I want to play around with adding some reducers/actions to that app and I am not sure where those would tie in with what I've already done. 回答1: React is a UI framework that

What is the difference between Hot Reloading and Live Reloading in React Native?

不羁的心 提交于 2019-12-17 17:19:00
问题 I'm a bit confused here. When I'm debugging a React Native Application, I usually enable both Hot Reloading and Live Reloading . I want to know what is the difference between them? 回答1: Live reloading reloads or refreshes the entire app when a file changes. For example, if you were four links deep into your navigation and saved a change, live reloading would restart the app and load the app back to the initial route. Hot reloading only refreshes the files that were changed without losing the

What are the aspect ratios for all Android phone and tablet devices?

試著忘記壹切 提交于 2019-12-17 17:18:50
问题 I'm looking for a list of all screen aspect ratios for popular Android based Phones and Tablets. 回答1: In case anyone wanted more of a visual reference: Decimal approximations reference table: ╔══════════════════════════╦════════════════════════╦════════════════════════╗ ║ aspect ratio ║ decimal approx. ║ decimal approx. ║ ║ [long edge x short edge] ║ [short edge/long edge] ║ [long edge/short edge] ║ ╠══════════════════════════╬════════════════════════╬════════════════════════╣ ║ 19.5 x 9 ║ 0

jQuery Mobile - Include Footer from External File

一曲冷凌霜 提交于 2019-12-17 16:23:39
问题 I would like to create a shared footer (e.g. footer.html) that can be used by all of the pages in my jQuery Mobile application. However, I cannot find a way to get jQuery to refresh the styles in the footer navbar after loading the html from the external file. After thoughts would be greatly appreciated. Footer.html: <div data-role="navbar" class="CSS" data-grid="d" id="footerNav"> <ul > <li ><a href="#" id="a" data-icon="custom"><div>a</div></a></li> <li ><a href="#" id="b" data-icon="custom

Ionic 2 / Ionic 3 / Ionic 4 : (Lazy) Loading spinner for pictures

情到浓时终转凉″ 提交于 2019-12-17 16:19:50
问题 I'm using ion-img in my ionic2 application to load my pictures correctly. However, I wonder if there is a way to indicate to the user that the picture is actually loading. Thank you for your help! EDIT : Here is the answer if you absolutely need to use the ion-img tag. If not, you should use ionic-image-loader as AdminDev826 suggested. I finally solved that problem with CSS! When an image is loading in ionic 2, the ion-img tag doesn't have any class. However, when the image is finally loaded,

Ionic 2 / Ionic 3 / Ionic 4 : (Lazy) Loading spinner for pictures

余生颓废 提交于 2019-12-17 16:18:05
问题 I'm using ion-img in my ionic2 application to load my pictures correctly. However, I wonder if there is a way to indicate to the user that the picture is actually loading. Thank you for your help! EDIT : Here is the answer if you absolutely need to use the ion-img tag. If not, you should use ionic-image-loader as AdminDev826 suggested. I finally solved that problem with CSS! When an image is loading in ionic 2, the ion-img tag doesn't have any class. However, when the image is finally loaded,

CSS media type: How to load CSS for mobile?

烈酒焚心 提交于 2019-12-17 15:57:18
问题 With this code: <link rel="stylesheet" type="text/css" href="media/css/mobile.css" media="handheld" /> <link rel="stylesheet" type="text/css" href="media/css/screen.css" media="screen" /> on my N78 the nokia's default browser and opera mini load screen.css instead of mobile.css . What am I missing? 回答1: Nokia N78 uses the S60 browser, which reads only "screen" stylesheets. It won't read the "handheld". It doesn't support media query. Instead of trying to type everything here, have a look at