mobile

jquery mobile + sae开发手记

a 夏天 提交于 2020-02-28 11:45:34
Jquery mobile无疑是一个优秀的JS框架,但到现在为止,还是没有看到基于jqm在移动平台上让人眼前一亮的应用,大家都在观望,到底webApp在移动平台上的定位如何。 这个月,基于SAE提供的移动平台开发了一个在线看漫画的应用,采用jquery mobile,实际体验了一把webApp的潜力及限制。 网站地址: http://kukubird.sinaapp.com 代码地址: https://github.com/memoryboxes/kukubird 系统架构: SERVER:sae新建一个项目,用REST接口提供server端服务(我用了python+webpy,非常简洁): 为前端提供漫画名称、类别、卷/话等数据 为前端提供漫画地址解析 提供用户认证,浏览历史记录 CLIENT:sae新建一个移动项目,采用JQM提供前端浏览界面 采用CS分离的做法有几个优点: SERVER端的漫画录入,修改是不会影响前端的,想要添加一部漫画,只要在后台加一下地址就可以了。 为扩展提供可能性,事实上,我们现在就是利用SERVER端的接口,写个脚本就一键将刚收录的漫画下载到本地了,目前网上不少漫画下载器就是这个道理。 前端的数据交互都用Ajax完成,完全是JS+CSS+HTML5完成,可以方便的用phoneGap打包。另外SAE也为移动项目提供了打包功能,什么本地环境也不用配

How can I implement AMP in angular/ionic website?

℡╲_俬逩灬. 提交于 2020-02-27 06:00:59
问题 Recently i've heard about the Accelerated Mobile Pages project, and read some info about it. I wonder how to implement it for existing website that is built upon Ionic and Angular? 回答1: Basically there is no nearly possible solution to do that. If you check the doc here. Keep all third-party JavaScript out of the critical path Third-party JS likes to use synchronous JS loading. They also like to document.write more sync scripts. For example, If you five ads, and each does three sync loads,

How to use Liferay Mobile SDK 6.2.18 to generate jar libraries now that http is deprecated by both Gradle and Maven?

穿精又带淫゛_ 提交于 2020-02-27 02:25:07
问题 In my current project we're working on mantaining/developing mobile (android/iOS) apps that use the services of the client's website (liferay 6.2). Whenever the guys in Backend generate new services (or just update an existing service to a new version with new features) we need to use the Liferay Mobile SDK 6.2.18, which uses really dated gradle 1 and http protocol, to generate a new jar library to allow the app call those new services. As I guess many will know already, gradle recently

Firefox OS Certified apps

↘锁芯ラ 提交于 2020-02-25 05:57:30
问题 I have downloaded and installed FIrefox OS Simulator for testing and developing. I want to test some functionalities that are allowed only on certified applications, such as SMS and phone calling, as described here. What should I include in my manifest (.webapp file) in order to access this functionality in the simulator? Thanks, Tamas Ionut 回答1: This is very manual, but I think it'll is cool to understand how stuff work under the hood (and it's the only way I know it'll always work): Be sure

Firefox OS Certified apps

生来就可爱ヽ(ⅴ<●) 提交于 2020-02-25 05:56:06
问题 I have downloaded and installed FIrefox OS Simulator for testing and developing. I want to test some functionalities that are allowed only on certified applications, such as SMS and phone calling, as described here. What should I include in my manifest (.webapp file) in order to access this functionality in the simulator? Thanks, Tamas Ionut 回答1: This is very manual, but I think it'll is cool to understand how stuff work under the hood (and it's the only way I know it'll always work): Be sure

Video height and width for responsive website

我们两清 提交于 2020-02-23 06:54:29
问题 I am using the video HTML5 tag on a responsive website. I set the height and width to 100% and it works fine except in the mobile version where it's destroying the layout. URL: omob-2.myshopify.com <div style="height: 100%; width: 100%;"> <video width="100%" height="100%" autoplay> <source src="intro_12_07_14.mp4" type="video/mp4"> </video> </div> Any ideas? 回答1: On devices that don't support the video tag you would show a image instead. There is a answer for this here How can I display an

Video height and width for responsive website

淺唱寂寞╮ 提交于 2020-02-23 06:54:06
问题 I am using the video HTML5 tag on a responsive website. I set the height and width to 100% and it works fine except in the mobile version where it's destroying the layout. URL: omob-2.myshopify.com <div style="height: 100%; width: 100%;"> <video width="100%" height="100%" autoplay> <source src="intro_12_07_14.mp4" type="video/mp4"> </video> </div> Any ideas? 回答1: On devices that don't support the video tag you would show a image instead. There is a answer for this here How can I display an

Capturing images in web application on Windows 8.1 tablets

▼魔方 西西 提交于 2020-02-21 10:31:26
问题 I am about to develop an application that is to run on Windows 8.1 tablets. An important feature is to be able to click on a button to access the camera to take some pictures. Ideally I would like to create it as a Web application rather than a native application due to a number of reasons (licences, cross-platform, development time: have no experience in native apps, etc.). I have looked at the options for capturing images from HTML 5 and have found HTML Media Capture which allows me to

How to open iOS 6 maps from a mobile website?

无人久伴 提交于 2020-02-20 04:51:39
问题 I have a mobile website that I've had a link to open Google maps app from within my website. Now however with the new version of ios6, the native version of google maps is no more and now the link opens to a safari based google maps. I'd rather have this open in a native Apple maps app. How can I do this? Thanks for all help! 回答1: Instead of using the previous Google domain maps.google.com you use maps.apple.com . This will remain compatible with older devices running 5.x and below. It looks

How can I use meta viewport and CSS media queries to make the average 960px website look good on the iPhone and iPad?

霸气de小男生 提交于 2020-02-17 06:23:38
问题 Question I know there are a lot of questions on Stack Overflow about the meta viewport tag, but I can't find anyone asking what seems to be the most obvious and useful question: How can I use meta viewport and CSS media queries to make the average 960px website design look good on the iPad (and desktop), while still retaining a smaller viewport and site design (e.g., 320px) for the iPhone and other mobile phones? For the iPhone, I think it goes without saying: a smaller, phone-friendly site