我正在寻找有关优化Android浏览器网站设计的提示,技巧和资源.
我正在构建一个Android应用程序,并且可以通过Web界面访问某些功能.
我正在构建一个针对iPhone/iPad和Android手机的移动应用程序.该应用程序将涉及用户拍照并上传到我的服务器,以后用户将能够在他们的移动设备上查看这些照片(虽然不一定是他们自己的照片,因此Android用户可能正在查看用iPhone拍摄的照片).
我应该保存哪些尺寸的照片以便能够覆盖大多数用例?iPad为1.333 W/H,大多数手机为1.5或1.333 W/H,部分罕见1.666 W/H. 特别:
iPad:1024x768,iPad3:2048x1536,iPhone和其他一些手机:960x640,480x320,800x480.
为了使其易于管理,我需要决定一些特定的图像尺寸,并将照片保存为这些尺寸.我并不是真的在技术方面寻求帮助.我可以在服务器端进行图像缩放等.我正在寻找有关图像尺寸的建议/最佳实践/经验教训,然后再进行构建.
我知道其中一些问题没有一个答案,答案是相对的,但我想得到一些意见.谢谢.
我做了一个Django网站,但我喝了Koolaid,我想制作一个iPhone版本.经过深思熟虑,我提出了两个选择:
不过,我真的更喜欢选项#2; 我有一些保留意见,主要是因为Django文档不鼓励动态更改设置.我找到了一个可以做我喜欢的片段.我的主要问题是让它尽可能无缝,我希望它对用户来说是自动化和透明的.
还有其他人遇到同样的问题吗?是否有人愿意分享他们如何解决制作iPhone版Django网站的问题?
更新
我使用了中间件和调整模板调用的组合.
对于中间件,我使用了minidetector.我喜欢它,因为它检测到过多的移动用户代理.我所要做的就是在我的视图中检查request.mobile.
对于模板调用调整:
def check_mobile(request, template_name):
if request.mobile:
return 'mobile-%s'%template_name
return template_name
Run Code Online (Sandbox Code Playgroud)
我使用它来查看我知道我有两个版本的任何视图.
去做:
python django django-templates django-middleware mobile-website
我一直在寻找一种从浏览器打开原生iOS应用程序的方法.我在这里找到了一个不错的解决方案:是否可以为YouTube应用程序(如YouTube和地图)注册基于http +域的URL方案?
安装应用程序后,此解决方案非常有用.但是当用户没有安装此应用程序时 - safari会触发一条错误消息,指出"Safari无法打开该页面,因为该地址无效".
有没有办法防止这种行为,而是提示用户下载应用程序?
我正在构建一个移动网站,并在标头中设置了以下元标记:
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
Run Code Online (Sandbox Code Playgroud)
不幸的是,这不适用于Android 2.1的HTC设备(HTC Hero等).关于如何在此浏览器中禁用双指缩放的任何想法?适用于iPhone.
是否可以在我的页面上检测,例如使用Javascript,当用户在纵向模式下使用移动设备访问它时,并在用户将其手机旋转到横向时停止方向改变?我的页面上有游戏,仅针对纵向显示进行了优化,我不希望它在横向上显示.
iPhone/iPad等移动设备的可视视口和布局视口之间的区别是什么?
我已经浏览了很多在线资源,但我仍然不清楚它.
如何用Android和iphone的javascript检测长触摸压力?原生javascript或jquery ...
我想要的东西听起来像:
<input type='button' onLongTouch='myFunc();' />
Run Code Online (Sandbox Code Playgroud) 我有一个移动网页,其中包含"文件"类型的输入元素,以允许用户将图像文件上传到服务器.该页面适用于iOS以及Chrome浏览器中的Nexus 4(Android 4.2.1).
当我使用三星S3(Android 4.0.4)和默认浏览器时,单击"选择文件"按钮会按预期打开图像选择对话框,但是在我选择图像并关闭对话框后,网页会刷新,所以我丢失所选的图像.有没有人见过这种行为?有关解决方法的任何建议吗?
我使用的输入元素是相当标准的,看起来像这样:
<input id="addPhoto" type="file" accept="image/*"/>
Run Code Online (Sandbox Code Playgroud)
即使没有'accept'属性,我也会遇到同样的问题.
如果您打开http://app.ft.com(金融时报移动网络应用程序),系统会提示您将应用程序添加到"主页".
执行此操作后,当您打开应用程序时,系统会再次提示您允许localstoreage数据库大小增加到50MB.