我制作了一个带有<input>标签的HTML页面type="text".当我在iPhone上使用Safari点击它时,页面变大(自动缩放).有人知道如何禁用它吗?
我做了一些研究,这个问题已经出现了,但不是我想要的方式.我正在为客户构建一个页面,这是一个QR码登陆,这是一个下载应用程序的地方.因此,他不必在页面上打印出2个QR码,我想检测当前的操作系统(Apple/Android/Other [不支持])并根据该值修改我的元素.
我看过脚本"detectmobilebrowsers",这只是为了告诉用户是否完全是移动的,而我想弄清楚用户运行的操作系统并建议最佳的应用程序版本.
我发现类似于这个问题的其他答案似乎过时或不可靠(没有检测到Android平板电脑浏览器),所以我正在寻找新的东西.我怎样才能做到这一点?(最好使用jQuery - Javascript - PHP的顺序).
我已经更新我的iPhone 6加至10的iOS beta版本,只是发现,在移动Safari浏览器,您可以通过双击放大任何网页或捏忽略了user-scalable=no在meta标签代码.我不知道这是一个错误或功能.如果它被视为一项功能,我们如何禁用视口缩放iOS 10 Safari?
在iOS 11/12发布,iOS 11和iOS 12 safari上更新仍然不尊重user-scalable=no元标记.
在我的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方法: …
我如何检测到正在使用的设备是移动网站的Android?
我需要将某些css属性应用于Android平台.
谢谢
什么是iOS 5.0用户代理字符串?
这是iOS 4.0用户代理:什么是iPhone 4用户代理?
在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) 是否有@media查询仅针对iOS运行设备?
例如:
@media (min-device-width:320px) and (max-device-width:768px) {
#nav {
yada: yada;
}
}
Run Code Online (Sandbox Code Playgroud)
这也会改变这些宽度视角的Android设备页面的行为?或者我最后弄错了
我知道这种情况经常发生变化,但是有一个列表尽可能详尽无遗地返回了可能的值navigator.platform吗?
到目前为止列表:
在移动设备上显示用于HTML 5输入(即<input>标签)的不同键盘有几种技巧.
例如,一些文档记录在Apple的网站上,为Web视图配置键盘.

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

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

有没有办法让iOS默认为数字布局,但仍然允许输入字母数字?
基本上,我想要iOS行为,type="number"但我希望该字段的行为类似于桌面浏览器上的常规文本字段.这可能吗?
更新:
嗅探iOS的用户代理并使用type="number"输入类型不是一种选择.type="number"不适用于字符串值(如邮政编码),它有其他副作用(如剥离前导零,逗号分隔符等),使其不太适合邮政编码.