标签: mobile-website

你用什么单位用于移动网络应用程序的CSS?

PX?他们吗?PT?似乎有不同的设备大小和密度,它是时候使用像pts一样绝对的东西.任何人都可以指点我最近写的什么时候用什么?

(我专门针对基于webkit的移动设备作为我的主要平台,虽然该网站也需要在大型显示器上工作.我很好地忽略了IE和旧版浏览器.)

css mobile-website

18
推荐指数
1
解决办法
5732
查看次数

移动设备浏览器文件与WURFL for ASP.NET

我正在开发一个商业网络应用程序,该应用程序具有单独的移动浏览器版本,旨在用于功能更强大的设备(BlackBerry,iPhone,Android等).我不想做简单的用户代理包含样式逻辑,并且正在查看各种检测库.似乎WURFL和移动设备浏览器文件是我的最佳选择.

CodePlex上的移动设备浏览器文件(MDBF)项目通过Request.Browser属性公开信息.此外,它还有Microsoft公共许可证(Ms-PL). ASP.NET中的移动浏览器检测提到"MDBF的数据来自WURFL"和混合:移动网站与ASP.NET MVC和移动浏览器定义文件确认MBDF"是从许多来源的数据库创建的,包括流行的WURFL移动设备功能数据库."

51degrees有一个.NET Mobile API,它使用WURFL数据文件并填充Request.Browser.它根据Mozilla Public License Version 1.1获得许可.并声称:

安装.NET Mobile API并提供移动设备数据的WURFL,与Microsoft提供的标准浏览器信息相比,这些调用将返回极其准确的数据

由于官方WURLF .NET API是使用GPL许可证分发的,因此它对我的项目来说是非首发.

WURFL ASP.NET实现比较了WURFL的ASP.NET实现,但这已经超过一年了(2009-01-16 - 文章提交),并没有提到51degrees API或MDBF.

我可以获得有关使用哪个库的任何反馈.

  • 这些数据文件多久更新一次?
  • 使用用户代理解析的功能检测是否更好?
  • 更新数据文件的在线服务(例如手机检测)是否更容易?
  • 任何其他有用的输入.

asp.net browser-detection wurfl mobile-website

17
推荐指数
1
解决办法
1万
查看次数

em vs px ...适用于移动浏览器

对于桌面浏览器,所有现代浏览器都使用缩放功能,因此我们可以使用PX,但如果在移动设备上可以看到相同的网站,则px不适合放大移动浏览器.或者使用px也适用于移动浏览器.

即使我们不关心IE 6,如果我们不为移动设备制作不同的网站,我们是否应该使用em代替px,同样的网站将在桌面和手机上看到(iphone,blackberry,windows mobile,opera迷你,机器人等?

css xhtml mobile-website

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

如何在Web应用程序中检测tel:uri方案的可用性?

我正在寻求使用tel:uri方案(rfc3966)在Web应用程序中的移动设备上建立可链接的电话号码,但我宁愿不在无法处理tel:scheme的设备上链接它们 - 桌面,或没有手机功能的移动设备(即iPad!)

有没有办法检测到这个?如果可能的话,我宁愿避免用户代理嗅探.

iPhone似乎有一个canOpenURL功能,应用程序可以使用它来测试这个,但我想从Javascript获得相同的行为.

iphone browser-detection mobile-website tel

16
推荐指数
1
解决办法
2700
查看次数

移动设备的时间选择器

我在HTML5,CSS3和我的项目使用jQuery.我需要一个时间选择器 - 没有日期选择器 - 用于iPad,Galaxy等移动设备.它应该适用于触摸屏和非触摸屏设备.我找到一个带滑块但在移动设备上失败了.

html css jquery mobile-website

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

在Safari和Chrome中更改iOS 7状态栏的颜色

我想在Safari和Chrome中更改iOS 7状态栏的颜色.我正在开发一个移动网络应用程序,并希望它能够感觉原生,现在,我只是得到一个白色状态栏.

我想改变什么

iphone mobile mobile-safari mobile-website ios7

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

雅虎 移动设备的OAuth登录屏幕

这是我在Yahoo!上的一个重新发布的问题!论坛.只是我更频繁地引用StackOverflow ...

我的问题如下:雅虎!OAuth http://developer.yahoo.com/oauth/被描述为随时​​可用于移动电话,它看起来并非如此.

我试图实现示例应用程序并使用Yahoo! 用于连接Yahoo!的PHP SDK 使用网络浏览器,这一切都很简单.但访问雅虎时!request_auth页面(http://developer.yahoo.com/oauth/guide/oauth-userauth.html)在我的测试手机(诺基亚6300)上呈现不可接受:我无法看到登录框,无法读取信息为什么我的登录将是必需的和所有.我只看到一个页面边框和一些文本片段("Yahoo!","Hel"(如帮助......)等.).

是否有一些参数迫使雅虎!显示手机优化页面?我现在将用户重定向到此地址:https: //api.login.yahoo.com/oauth/v2/request_auth

顺便说一句:如果我使用Opera Mini - 虽然省略了关于我的网站的信息(请求登录),但它很好地呈现页面.只是我不能强迫所有用户使用Opera或其他东西.

在此先感谢您的帮助.

yahoo oauth mobile-website

15
推荐指数
1
解决办法
1753
查看次数

移动CSS页面宽度

非常努力地在移动设备中查看简单的表单页面.表单是可见的,只是我必须放大很多来阅读它.

听到就是一个例子:

http://200.5.3.20/temp/PocketPC/dispatch.php

html css mobile mobile-website

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

伪造最大设备宽度

要实现移动网站,在我的浏览器中设置max-device-width会很有用.我知道插件可以伪造用户代理.这对于max-device-width也是可能的吗?我更喜欢使用常规浏览器,如Firefox,IE,Opera,...而不是所有类型的移动浏览器模拟器,甚至不同的智能手机.

谢谢,Ropo

javascript css browser plugins mobile-website

15
推荐指数
2
解决办法
4308
查看次数

Kindle Fire SilkBrowser阅读视图CSS

有谁知道如何正确实现Kindle Fire Silk Browser阅读视图的CSS类?

Kindle Fire的6.3更新添加了一个"读书观":

使用Silk上的阅读视图,您感兴趣的内容在阅读优化的单屏幕视图中高于杂乱(即使对于多页文章).整个页面仍然可以在后台使用,您可以轻松切换回传统视图以查看页面上的其他有趣功能.

我查看了我的一个网站并将其<div style="display:none;">作为阅读视图文章,我无法找到有关如何将丝网浏览器指向应该在阅读视图中显示的部分的详细信息.

代码示例:

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en" xml:lang="en">

<head>
  <title>Title</title>
</head>

<body>

<div id='content'>
  //important article here
</div>

<div id='sidebar'>
   //less important menu here
</div>

<div style='display:none;'>
   //lightbox HTML here, not important on mobile devices
</div>

</body>

</html>
Run Code Online (Sandbox Code Playgroud)

如果我找到任何文件,我会更新.

html css mobile-website kindle-fire amazon-silk

15
推荐指数
1
解决办法
1057
查看次数