问题标签 [mobile-devices]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
7808 浏览

css - 检测移动设备浏览器,不仅是屏幕宽度

我知道我可以使用这样的媒体查询来激活一些样式:

但是我不太喜欢这种方法,因为它只检查屏幕宽度。我找到了java script用于检测移动浏览器的代码,现在我需要进行相同的检查CSS

有没有CSS这个js的等价物?

0 投票
2 回答
949 浏览

javascript - 移动 Android 设备上的 HTML5 地理位置行为

我正在尝试在以下设备上使用 HTML5 地理位置:

  • 宏达一 X
  • 安卓 4.1.1
  • WebKit/534.30(内置浏览器WebKit版本)

在使用 HTML5 Geolocation API 的内置浏览器和最新版本的 Chrome 应用程序网站上将无法找到我。但是,Firefox 应用程序会在几秒钟内找到我。

这是一个问题,因为多平台应用程序开发平台,例如 PhoneGap,使用 WebViews(= 内置浏览器)作为整个应用程序的容器。此外,如果一个网络应用程序不能做它应该做的事情,普通用户不会尝试不同的浏览器。

我的第一个想法是需要更多时间才能找到我,所以我设置了 5 分钟的超时时间(见帖子底部)。但是,它只会在没有找到我的位置的情况下达到那个超时。如果我不设置超时,则永远不会调用回调函数(我等了一个小时)。

我的第二个想法是,可能在我的手机或浏览器设置中的某个地方,请求位置的网站被阻止了。事实证明并非如此。

所以我的下一个想法是,也许这是一个编程问题,因为浏览器不遵循 W3C 标准,因此它们的 API 可能会以不同的方式工作。如果是这样,我如何在此设备上/在这些浏览器中检索位置?

由于即使像谷歌这样编码良好的网站也无法使用该 API 在这些浏览器上获取我的位置,这可能不是编程问题。如果确实不是,我应该咨询哪个 StackExchange 网站?(例如,如果是设备问题?)

我正在使用的 API(MDN):

0 投票
1 回答
1077 浏览

css - bootstrap3 和 twitter 预输入集成

我正在尝试将 twitter-typeahead 与 bootstrap3 集成。我想在导航栏中使用预输入。

该问题仅在导航栏折叠且仅在移动设备中出现(至少在 iPhone safari 和 BB10 浏览器中出现),具体如下:

typeahead 下拉菜单出现在导航栏内容的其余部分下方:

黑莓10浏览器

问题截图

iPhone 上的 Safari

问题截图

我尝试调整 z-index 和位置:

我在这里复制了这个问题:

http://jsfiddle.net/zZpQg/3/

为什么这种情况只发生在移动小型设备中?如何让 typeahead 下拉菜单出现在其余链接的顶部?

亲切的问候

0 投票
2 回答
109 浏览

html - 手机版网站手机号一律白色

mobile version为我的Wordpress website. 我创建了m.mysite.com。当我看到 m.mysite.com 时,手机号码显示我给的颜色(#000)。但在移动设备中,它总是显示White Color

代码是,

CSS是,

我还需要在移动设备中将其设置为相同的颜色。该怎么办?

0 投票
2 回答
915 浏览

jquery - 使用 jquery 在特定点加载页面

我正在构建一个单页网站,我希望我的页面加载到某个特定的 div,具体取决于使用普通计算机还是移动设备,我所拥有的只是:

该代码似乎工作正常,但随后我需要检测移动设备,以便页面可以在加载功能时向下滚动到另一个 div,到目前为止我有这个代码,但我不能让它工作:

我该如何解决这个问题以及如何将两个代码放在一起?

0 投票
1 回答
198 浏览

asp.net - 脚本未检测到 Windows Phone 7/Mobile Internet Explorer

我有一个网站,其中有一些适用于移动浏览器的问题。我正在通过 C#/Asp.net 代码从这里检测用户是否正在使用移动浏览器。网站在每部手机(Android/Chrome、Iphone/Safari 等)上都能正常运行,但 Windows Phone 7 不行……我认为这个设备(或 Internet Explorer 浏览器)没有被代码检测到。

我还稍微改进了基本代码:

仍然:未检测到带有 Internet Explorer(在 HTC 7 Mozart 上)的 Wnidows 电话。有任何想法吗?

0 投票
1 回答
1209 浏览

jquery - 使用 JQuery 显示/隐藏和粘性导航

我有一个 bttn(“.medianavbttn”),它显示/隐藏一个 div(“.medianav”)。我的网页适用于移动设备,由于display:fixedcss 代码在它们上不起作用,我使用 jquery 粘性导航代替,所以我把它贴在页面顶部。因为我也想坚持导航,不仅是按钮,我也必须display: hidden是“medianav”。问题是在这种情况下,它的虚拟包装器的高度会出现没有任何内容,所以它把我的页面往下推,很丑。我没有隐藏“medianav”,而是制作了虚拟包装器display: hidden,因此导航高度现在可以了。但是:由于虚拟包装器不立即可见,当我打开导航时,滑动切换“摆动”动画不流畅。

有人可以告诉我如何使动画平滑吗?或者,如果不可能,我应该使用哪种方法通过单击固定按钮来滚动导航进出页面?

的HTML

脚本

CSS

0 投票
1 回答
5724 浏览

ios - iTunesMobileDevice.dll 无法找到

我正在编写一个与 iOS 设备交互的 Windows 应用程序。我正在使用 mobiledevice.h 标头与 iTunes dll 交互

http://samdmarshall.com/media/MobileDevice.h

我确保我设置的系统环境路径包括 Apple 应用程序支持。我确保在项目属性中我在链接器中添加了正确的 .lib。我确保在编译器属性中将所有目录都包含在 Additional library 字段中。

它可以构建,但在运行时出现此错误:

无法加载 DLL 'iTunesMobileDevice.dll':找不到指定的模块。(来自 HRESULT 的异常:0x8007007E)

我试图复制 dll 并将其放在与项目和调试 .exe 相同的目录中,但运行时仍然存在相同的问题。我也运行过依赖walker,但它说它唯一找不到的是IESHIMS.dll。

我想不出还有什么可以尝试的。如果这不详细,我很抱歉。如果有人需要更多详细信息,请告诉我,我会尽可能多地添加。

更新:已解决,如果其他人需要解决方案,只需将目录包含在系统路径中

0 投票
1 回答
792 浏览

jquery - 如何在按钮中显示/隐藏 div

单击 bttn 时,我使用 jquery 幻灯片切换来显示/隐藏 div。是否可以将 div 放在按钮中?(我需要这个才能将导航正确地粘贴在用于移动设备的页面顶部。)

的HTML

剧本

CSS

0 投票
1 回答
2188 浏览

android - 在宽度和高度上都适合 phonegap 应用程序,至少字体在所有设备中的大小增加相同

我正在开发一个 phonegap 应用程序。它仅适用于纵向视图。在超过 4 英寸的设备上,我的屏幕看起来很小,内容下方有 2/5 的空白空间(jQueryMobile 表单控件),为了填充空白空间,我可以选择增加字体和高度等的大小,但那不是很好,因为它将在 3.2 英寸高的小型设备上具有更大的字段和字体大小。

所以我根据设备的高度进行了一些计算后设置字体大小,看起来更好。因为它适合设备,但随着字体大小在宽度和高度上的增加,字体和元素变得混乱,因为字体大小相对于宽度更大。这可以通过减小计算的大小来解决。但问题是有些设备高 5.3 英寸,但宽度与 3.2 英寸手机相同。

我的要求不是完全适合屏幕并且没有空白空间,而是填充足够的空间并且在大多数设备上看起来都一样。因此,如果有其他方法可以实现这一目标,或者通过使用不同的单位,如百分比或“em”等,那么这些解决方案是非常受欢迎的。任何努力都将不胜感激。