有没有一种可靠的方法来检测用户是否在jQuery中使用移动设备?类似于CSS @media属性的东西?如果浏览器在手持设备上,我想运行不同的脚本.
jQuery $.browser
函数不是我想要的.
我一直在研究媒体查询,我仍然不太了解如何定位某些尺寸的设备.
我希望能够定位台式机,平板电脑和移动设备.我知道会有一些差异,但是有一个可用于定位这些设备的通用系统会很不错.
我找到的一些例子:
# Mobile
only screen and (min-width: 480px)
# Tablet
only screen and (min-width: 768px)
# Desktop
only screen and (min-width: 992px)
# Huge
only screen and (min-width: 1280px)
Run Code Online (Sandbox Code Playgroud)
要么:
# Phone
only screen and (max-width:320px)
# Tablet
only screen and (min-width:321px) and (max-width:768px)
# Desktop
only screen and (min-width:769px)
Run Code Online (Sandbox Code Playgroud)
您认为这些"断点"对于每个设备应该是什么?
我正在创建一个移动网页,它基本上是一个包含多个文本输入的大表单.
但是(至少在我的Android手机上),每次点击某些输入时,整个页面都会缩放,遮挡页面的其余部分.是否有一些HTML或CSS命令可以在moble网页上禁用这种缩放?
我在这里有点困惑.当我调试React Native Application时,我通常启用Hot Reloading和Live Reloading.我想知道它们之间有什么区别?
我有这个@media
设置:
HTML:
<head>
<meta name="viewport" content="width=device-width, user-scalable=no" />
</head>
Run Code Online (Sandbox Code Playgroud)
CSS:
@media screen and (min-width: 769px) {
/* STYLES HERE */
}
@media screen and (min-device-width: 481px) and (max-device-width: 768px) {
/* STYLES HERE */
}
@media only screen and (max-device-width: 480px) {
/* STYLES HERE */
}
Run Code Online (Sandbox Code Playgroud)
使用此设置它可以在iPhone上运行,但它在浏览器中不起作用.
是因为我已经device
在meta中了,也许还有max-width:480px
?
为移动设备上的用户创建可点击的超链接以拨打电话号码的正确通用格式是什么?
带破折号的区号
<a href="tel:555-555-1212">555-555-1212</a>
Run Code Online (Sandbox Code Playgroud)
没有破折号的区号
<a href="tel:5555551212">555-555-1212</a>
Run Code Online (Sandbox Code Playgroud)
带破折号的区号和1
<a href="tel:1-555-555-1212">555-555-1212</a>
Run Code Online (Sandbox Code Playgroud)
区号不带破折号和1
<a href="tel:15555551212">555-555-1212</a>
Run Code Online (Sandbox Code Playgroud)
区号为破折号,1和+号
<a href="tel:+1-555-555-1212">555-555-1212</a>
Run Code Online (Sandbox Code Playgroud)
区号不带破折号,1和+号
<a href="tel:+15555551212">555-555-1212</a>
Run Code Online (Sandbox Code Playgroud) 我开发了一个主要用于手机的网站.
我想允许用户直接从网页共享信息到WhatsApp.
使用UserAgent检测我可以区分Android和iOS.
我能够发现,为了在iOS中实现上述功能,我可以使用以下URL:
href="whatsapp://send?text=http://www.example.com"
Run Code Online (Sandbox Code Playgroud)
我仍在寻找在操作系统是Android时使用的解决方案(因为上面的方法不起作用).
我想这是某种联系在Android中使用"意图",但我无法弄清楚如何做到这一点作为参数HREF.
当我尝试在手机的模拟器o中运行“ app”时,使用Kotlin的android应用程序抛出此异常。当我构建项目时,它运行良好,没有错误。
我在用:
org.gradle.internal.exceptions.LocationAwareException: buildOutput.apkData must not be null
at org.gradle.initialization.exception.DefaultExceptionAnalyser.transform(DefaultExceptionAnalyser.java:99)
at org.gradle.initialization.exception.DefaultExceptionAnalyser.collectFailures(DefaultExceptionAnalyser.java:65)
at org.gradle.initialization.exception.MultipleBuildFailuresExceptionAnalyser.transform(MultipleBuildFailuresExceptionAnalyser.java:39)
at org.gradle.initialization.exception.StackTraceSanitizingExceptionAnalyser.transform(StackTraceSanitizingExceptionAnalyser.java:29)
at org.gradle.initialization.DefaultGradleLauncher.finishBuild(DefaultGradleLauncher.java:194)
at org.gradle.initialization.DefaultGradleLauncher.finishBuild(DefaultGradleLauncher.java:141)
...
Caused by: java.lang.IllegalStateException: buildOutput.apkData must not be null
at com.android.build.gradle.internal.ide.EarlySyncBuildOutput$Companion$load$2.invoke(EarlySyncBuildOutput.kt:103)
at com.android.build.gradle.internal.ide.EarlySyncBuildOutput$Companion$load$2.invoke(EarlySyncBuildOutput.kt:67)
at kotlin.sequences.TransformingSequence$iterator$1.next(Sequences.kt:174)
at kotlin.sequences.SequencesKt___SequencesKt.toCollection(_Sequences.kt:691)
at kotlin.sequences.SequencesKt___SequencesKt.toMutableList(_Sequences.kt:721)
at kotlin.sequences.SequencesKt___SequencesKt.toList(_Sequences.kt:712)
...
Run Code Online (Sandbox Code Playgroud) 我正在建立专门针对移动设备的网站.特别是有一个页面,最好以横向模式查看.
有没有办法检测访问该页面的用户是否在纵向模式下查看它,如果是,则显示一条消息,通知用户该页面最好以横向模式查看?如果用户已在横向模式下查看,则不会显示任何消息.
所以基本上,我希望网站检测视口方向,如果方向是纵向,则显示警告消息,告知用户该页面在横向模式下最佳查看.
非常感谢,Dan
在我的手机网络应用程序(不是原生应用程序)中,我想拍照并上传,但我不想使用Adobe Flash.有没有办法做到这一点?