相关疑难解决方法(0)

禁用输入"文本"标签中的自动缩放 - iPhone上的Safari

我制作了一个带有<input>标签的HTML页面type="text".当我在iPhone上使用Safari点击它时,页面变大(自动缩放).有人知道如何禁用它吗?

html iphone zoom html-input mobile-safari

479
推荐指数
24
解决办法
38万
查看次数

检测iOS/Android操作系统

我做了一些研究,这个问题已经出现了,但不是我想要的方式.我正在为客户构建一个页面,这是一个QR码登陆,这是一个下载应用程序的地方.因此,他不必在页面上打印出2个QR码,我想检测当前的操作系统(Apple/Android/Other [不支持])并根据该值修改我的元素.

我看过脚本"detectmobilebrowsers",这只是为了告诉用户是否完全是移动的,而我想弄清楚用户运行的操作系统并建议最佳的应用程序版本.

我发现类似于这个问题的其他答案似乎过时或不可靠(没有检测到Android平板电脑浏览器),所以我正在寻找新的东西.我怎样才能做到这一点?(最好使用jQuery - Javascript - PHP的顺序).

javascript jquery browser-detection

162
推荐指数
4
解决办法
19万
查看次数

禁用视口缩放iOS 10+ safari?

我已经更新我的iPhone 6加至10的iOS beta版本,只是发现,在移动Safari浏览器,您可以通过双击放大任何网页或捏忽略user-scalable=no在meta标签代码.我不知道这是一个错误或功能.如果它被视为一项功能,我们如何禁用视口缩放iOS 10 Safari?


在iOS 11/12发布,iOS 11和iOS 12 safari上更新仍然尊重user-scalable=no元标记.

Safari上的移动github网站

mobile-safari viewport ios10 ios11 ios12

149
推荐指数
13
解决办法
11万
查看次数

使用AngularJS从ASP.NET Web API方法下载文件

在我的Angular JS项目中,我有一个<a>锚标记,当单击它时会GET向返回文件的WebAPI方法发出HTTP 请求.

现在,我希望在请求成功后将文件下载到用户.我怎么做?

锚标记:

<a href="#" ng-click="getthefile()">Download img</a>
Run Code Online (Sandbox Code Playgroud)

AngularJS:

$scope.getthefile = function () {        
    $http({
        method: 'GET',
        cache: false,
        url: $scope.appPath + 'CourseRegConfirm/getfile',            
        headers: {
            'Content-Type': 'application/json; charset=utf-8'
        }
    }).success(function (data, status) {
        console.log(data); // Displays text data if the file is a text file, binary if it's an image            
        // What should I write here to download the file I receive from the WebAPI method?
    }).error(function (data, status) {
        // ...
    });
}
Run Code Online (Sandbox Code Playgroud)

我的WebAPI方法: …

html javascript c# asp.net-web-api angularjs

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

通过Javascript/jQuery检测Android手机

我如何检测到正在使用的设备是移动网站的Android?

我需要将某些css属性应用于Android平台.

谢谢

javascript jquery android

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

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

当固定元素获得焦点时,ios8中的Safari是滚动屏幕

在IOS8 Safari中,有一个新的位置修复错误.

如果您聚焦固定面板中的文本区域,Safari会将您滚动到页面底部.

这使得所有类型的UI都无法使用,因为您无法将文本输入textareas而无需将页面一直向下滚动并丢失位置.

有没有办法干净地解决这个bug?

#a {
  height: 10000px;
  background: linear-gradient(red, blue);
}
#b {
  position: fixed;
  bottom: 20px;
  left: 10%;
  width: 100%;
  height: 300px;
}

textarea {
   width: 80%;
   height: 300px;
}
Run Code Online (Sandbox Code Playgroud)
<html>
   <body>
   <div id="a"></div>
   <div id="b"><textarea></textarea></div>
   </body>
</html>
Run Code Online (Sandbox Code Playgroud)

javascript css safari ios ios8

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

CSS媒体查询仅针对iOS设备

是否有@media查询仅针对iOS运行设备?

例如:

@media (min-device-width:320px) and (max-device-width:768px) {
    #nav {
        yada: yada;
    }
}
Run Code Online (Sandbox Code Playgroud)

这也会改变这些宽度视角的Android设备页面的行为?或者我最后弄错了

css media-queries

90
推荐指数
4
解决办法
11万
查看次数

到今天为止navigator.platform的可能值列表是什么?

我知道这种情况经常发生变化,但是有一个列表尽可能详尽无遗地返回了可能的值navigator.platform吗?

到目前为止列表:

  • HP-UX
  • Linux i686
  • Linux armv7l
  • Mac68K
  • MacPPC
  • MacIntel
  • 在SunOS
  • Win16的
  • Win32的
  • WinCE的
  • 苹果手机
  • iPod的
  • iPad的
  • Android的
  • 黑莓
  • 歌剧

javascript

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

iPhone/iOS:为邮政编码提供HTML 5键盘

在移动设备上显示用于HTML 5输入(即<input>标签)的不同键盘有几种技巧.

例如,一些文档记录在Apple的网站上,为Web视图配置键盘.

在此输入图像描述 在此输入图像描述

这些对于可用性非常有用,但是当涉及到国际邮政编码的输入(主要是数字,但允许使用的字母)时,我们留下了一些糟糕的选择.大多数人建议使用pattern="\d*"技巧来显示数字键盘,但这不允许输入字母.

type="number"输入型显示常规的键盘,但转移到了数字布局:

在此输入图像描述

这适用于iOS设备,但它使Chrome认为输入必须是数字,甚至改变输入的行为(上/下递增和递减值).

在此输入图像描述

有没有办法让iOS默认为数字布局,但仍然允许输入字母数字?

基本上,我想要iOS行为,type="number"但我希望该字段的行为类似于桌面浏览器上的常规文本字段.这可能吗?

更新:

嗅探iOS的用户代理并使用type="number"输入类型不是一种选择.type="number"不适用于字符串值(如邮政编码),它有其他副作用(如剥离前导零,逗号分隔符等),使其不太适合邮政编码.

iphone keyboard html5 input ios

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