标签: mobile-website

优化Android浏览器网站的提示?

我正在寻找有关优化Android浏览器网站设计的提示,技巧和资源.

我正在构建一个Android应用程序,并且可以通过Web界面访问某些功能.

html css android mobile-website

44
推荐指数
4
解决办法
6万
查看次数

图像大小移动应用程序的最佳实践

我正在构建一个针对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.

为了使其易于管理,我需要决定一些特定的图像尺寸,并将照片保存为这些尺寸.我并不是真的在技术方面寻求帮助.我可以在服务器端进行图像缩放等.我正在寻找有关图像尺寸的建议/最佳实践/经验教训,然后再进行构建.

  • 我应该保留哪些尺寸的照片以涵盖大多数用例?
  • 您是否建议在上传到服务器之前进行任何客户端缩放以节省传输时间(例如缩小2048x1536 iPad照片)或者我应该始终传输原件吗?
  • 我该如何处理不兼容的图像尺寸(例如,在Android设备上显示使用iPad拍摄的照片)?我应该在发送给客户端之前在我的服务器上预先剪切这些图像,还是应该让客户端电话处理图像大小调整?
  • 还存在UI问题.除了照片之外,页面上还有其他东西可能是一个或两个按钮用于导航.在保存图片时,我应该选择小于全屏大小的内容,同时保持相同的宽高比吗?

我知道其中一些问题没有一个答案,答案是相对的,但我想得到一些意见.谢谢.

android image mobile-website ios

43
推荐指数
2
解决办法
5万
查看次数

基于User-Agent更改Django模板

我做了一个Django网站,但我喝了Koolaid,我想制作一个iPhone版本.经过深思熟虑,我提出了两个选择:

  1. 制作一个完整的其他网站,例如i.xxxx.com.使用Django的站点框架将其绑定到同一个数据库中.
  2. 找一些读取用户代理的中间件,并动态更改模板目录.

不过,我真的更喜欢选项#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)

我使用它来查看我知道我有两个版本的任何视图.

去做:

  • 弄清楚如何在render_to_response的扩展版本中访问request.mobile,这样我就不必使用check_mobile('template_name.html')
  • 如果不存在移动版本,则使用先前的自动回退到常规模板.

python django django-templates django-middleware mobile-website

40
推荐指数
2
解决办法
2万
查看次数

尝试打开未安装的本机应用程序时如何防止iOS safari警报?

我一直在寻找一种从浏览器打开原生iOS应用程序的方法.我在这里找到了一个不错的解决方案:是否可以为YouTube应用程序(如YouTube和地图)注册基于http +域的URL方案?

安装应用程序后,此解决方案非常有用.但是当用户没有安装此应用程序时 - safari会触发一条错误消息,指出"Safari无法打开该页面,因为该地址无效".

有没有办法防止这种行为,而是提示用户下载应用程序?

javascript safari mobile-safari mobile-website ios

40
推荐指数
3
解决办法
3万
查看次数

在HTC设备上禁用Android 2.1浏览器中的捏合/缩放

我正在构建一个移动网站,并在标头中设置了以下元标记:

<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.

android mobile-website

36
推荐指数
3
解决办法
2万
查看次数

阻止移动网页上的设备轮换

是否可以在我的页面上检测,例如使用Javascript,当用户在纵向模式下使用移动设备访问它时,并在用户将其手机旋转到横向时停止方向改变?我的页面上有游戏,仅针对纵向显示进行了优化,我不希望它在横向上显示.

javascript mobile mobile-phones mobile-website

34
推荐指数
5
解决办法
12万
查看次数

可视视口和布局视口之间的区别?

iPhone/iPad等移动设备的可视视口和布局视口之间的区别是什么?

我已经浏览了很多在线资源,但我仍然不清楚它.

html css viewport mobile-website ipad

34
推荐指数
2
解决办法
2万
查看次数

如何用Android和iphone的javascript检测长触摸压力?

如何用Android和iphone的javascript检测长触摸压力?原生javascript或jquery ...

我想要的东西听起来像:

<input type='button' onLongTouch='myFunc();' />
Run Code Online (Sandbox Code Playgroud)

javascript iphone html5 android mobile-website

33
推荐指数
5
解决办法
5万
查看次数

通过input元素选择文件后,Android浏览器刷新页面

我有一个移动网页,其中包含"文件"类型的输入元素,以允许用户将图像文件上传到服务器.该页面适用于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'属性,我也会遇到同样的问题.

android html-input mobile-website

32
推荐指数
1
解决办法
8266
查看次数

如何申请增加iPad上的HTML5本地存储大小,就像FT网络应用程序一样?

如果您打开http://app.ft.com(金融时报移动网络应用程序),系统会提示您将应用程序添加到"主页".

执行此操作后,当您打开应用程序时,系统会再次提示您允许localstoreage数据库大小增加到50MB.

  • 如何才能做到这一点?是否有一些JavaScript API调用?权限还是其他什么?
  • 这个iPad(iOS?)是特定的,还是可以在其他Webkit浏览器上运行?

javascript html5 mobile-website local-storage ios

31
推荐指数
2
解决办法
2万
查看次数