标签: mobile

在jQuery中检测移动设备的最佳方法是什么?

有没有一种可靠的方法来检测用户是否在jQuery中使用移动设备?类似于CSS @media属性的东西?如果浏览器在手持设备上,我想运行不同的脚本.

jQuery $.browser函数不是我想要的.

javascript mobile jquery browser-detection

1564
推荐指数
29
解决办法
145万
查看次数

媒体查询:如何定位桌面,平板电脑和移动设备?

我一直在研究媒体查询,我仍然不太了解如何定位某些尺寸的设备.

我希望能够定位台式机,平板电脑和移动设备.我知道会有一些差异,但是有一个可用于定位这些设备的通用系统会很不错.

我找到的一些例子:

# 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)

您认为这些"断点"对于每个设备应该是什么?

css mobile tablet css3 media-queries

435
推荐指数
15
解决办法
79万
查看次数

如何在移动网页上"禁用"缩放?

我正在创建一个移动网页,它基本上是一个包含多个文本输入的大表单.

但是(至少在我的Android手机上),每次点击某些输入时,整个页面都会缩放,遮挡页面的其余部分.是否有一些HTML或CSS命令可以在moble网页上禁用这种缩放?

html css mobile

301
推荐指数
10
解决办法
35万
查看次数

React Native中的热重载和Live Reloading有什么区别?

我在这里有点困惑.当我调试React Native Application时,我通常启用Hot ReloadingLive Reloading.我想知道它们之间有什么区别?

javascript mobile react-native

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

@Media min-width&max-width

我有这个@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

css mobile media-queries

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

如何创建移动设备上拨打电话号码的超链接?

为移动设备上的用户创建可点击的超链接以拨打电话号码的正确通用格式是什么?

带破折号的区号

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

html mobile hyperlink

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

在Android上的移动网站(非应用程序)上分享WhatsApp上的链接

我开发了一个主要用于手机的网站.
我想允许用户直接从网页共享信息到WhatsApp.

使用UserAgent检测我可以区分Android和iOS.
我能够发现,为了在iOS中实现上述功能,我可以使用以下URL:

href="whatsapp://send?text=http://www.example.com"
Run Code Online (Sandbox Code Playgroud)

我仍在寻找在操作系统是Android时使用的解决方案(因为上面的方法不起作用).
我想这是某种联系在Android中使用"意图",但我无法弄清楚如何做到这一点作为参数HREF.

mobile android share web whatsapp

193
推荐指数
12
解决办法
43万
查看次数

原因:buildOutput.apkData不能为null

当我尝试在手机的模拟器o中运行“ app”时,使用Kotlin的android应用程序抛出此异常。当我构建项目时,它运行良好,没有错误。

我在用:

  • SDK 28(Android 9.0(Pie))
  • 摇篮5.1.1
  • Gradle插件3.5.0-alpha03
  • Kotlin 1.3.10
  • Java 1.8.0_151
  • OSX 10.13.2
    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)

mobile android mobile-application apk android-studio

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

检测视口方向,如果方向是纵向显示警告消息,建议用户说明

我正在建立专门针对移动设备的网站.特别是有一个页面,最好以横向模式查看.

有没有办法检测访问该页面的用户是否在纵向模式下查看它,如果是,则显示一条消息,通知用户该页面最好以横向模式查看?如果用户已在横向模式下查看,则不会显示任何消息.

所以基本上,我希望网站检测视口方向,如果方向是纵向,则显示警告消息,告知用户该页面在横向模式下最佳查看.

非常感谢,Dan

javascript mobile jquery viewport device-orientation

181
推荐指数
13
解决办法
30万
查看次数

如何从网络应用访问移动相机?

在我的手机网络应用程序(不是原生应用程序)中,我想拍照并上传,但我不想使用Adobe Flash.有没有办法做到这一点?

mobile html5 camera

176
推荐指数
6
解决办法
26万
查看次数