草庐IT

mobile-webkit

全部标签

ios - iOS 10-12 WebKit (Safari/Chrome) iframe 焦点错误的解决方法

我已经在StackOverflow和各种Apple/WebKit错误报告系统上搜索了这个特定问题,但尚未找到具体引用的问题(这似乎不可能)。问题:在我们的支付页面上,我们有各种表单字段(输入和选择)。出于PCI/安全目的,我们有一个用于信用卡号码字段的iframe(iframe只有有那个字段-没有别的)。问题是,只是iOS用户,他们有时无法将焦点放在信用卡号字段上。似乎有2个不同,但相关的iOSwebkit错误。请参阅下面的更新。如果他们只是从一个字段向下导航到另一个字段,通常会奏效。但是,如果他们在字段中跳来跳去,他们可能会遇到这样的情况:他们可能会尝试他们无法将焦点放在信用卡号字段

ios - JQuery Mobile 无法在 UIWebView 中工作

经过许多小时寻找解决方案并尝试不同的方法来解决我在使用JQueryMobile和我的iPad应用程序时遇到的问题,我来到这里。我正在尝试做的是一个带有FusionCharts的报告应用程序。我已经使用不同的方法并按照不同的示例成功地在WebView(UIWebView)中呈现图表,但我现在想做的是使用JQueryMobile框架完成相同的任务。我不使用phonegap,我已经按照信中有关JQueryMobile+Xcode集成的步骤进行操作(我认为)。这些图表在我的桌面和移动浏览器(iPad、iPhone4和iPodTouch2G)上加载没有问题,但它们无法加载到我的UIWebView

ios - JQuery Mobile 无法在 UIWebView 中工作

经过许多小时寻找解决方案并尝试不同的方法来解决我在使用JQueryMobile和我的iPad应用程序时遇到的问题,我来到这里。我正在尝试做的是一个带有FusionCharts的报告应用程序。我已经使用不同的方法并按照不同的示例成功地在WebView(UIWebView)中呈现图表,但我现在想做的是使用JQueryMobile框架完成相同的任务。我不使用phonegap,我已经按照信中有关JQueryMobile+Xcode集成的步骤进行操作(我认为)。这些图表在我的桌面和移动浏览器(iPad、iPhone4和iPodTouch2G)上加载没有问题,但它们无法加载到我的UIWebView

iOS 上的 JQuery Mobile 滚动不流畅

我有一个用JQuery1.4编写的多页面应用程序,显示在iOSWebView中。它使用静态标题,内容有20个左右的带有嵌入图像和文本的div。我没有使用PhoneGap。在Safari的WebView和中,我可以垂直滚动浏览内容,但我无法获得与iOS应用程序相同的平滑度(即滚动会持续一段时间手指出现后=“平滑”滚动)。当我的手指离开屏幕时,滚动就停止了。在JQueryMobile中平滑滚动内容时,是否存在我不知道的设置或问题? 最佳答案 我认为这与您不再滚动这一事实有关元素,而是一个JQueryMobile页面.如果你制作无需JQu

iOS 上的 JQuery Mobile 滚动不流畅

我有一个用JQuery1.4编写的多页面应用程序,显示在iOSWebView中。它使用静态标题,内容有20个左右的带有嵌入图像和文本的div。我没有使用PhoneGap。在Safari的WebView和中,我可以垂直滚动浏览内容,但我无法获得与iOS应用程序相同的平滑度(即滚动会持续一段时间手指出现后=“平滑”滚动)。当我的手指离开屏幕时,滚动就停止了。在JQueryMobile中平滑滚动内容时,是否存在我不知道的设置或问题? 最佳答案 我认为这与您不再滚动这一事实有关元素,而是一个JQueryMobile页面.如果你制作无需JQu

javascript - iOS css-webkit-转换 : scale doesn't offset touch events

我有一个iframe,我需要将其拉入以便在iOS设备上显示。iframe的内容不在我的控制之下,它们不以任何方式响应(固定800x600)。所以我想缩小iframe以在iOS视口(viewport)中显示它。使用-webkit-transform:scale(0.4)我能够缩小它,但现在触摸事件都是错误的(例如触摸表单元素不会弹出键盘)。如果您在缩放之前触摸元素所在的位置,它就会起作用。有什么方法可以纠正触摸事件的偏移量吗? 最佳答案 选择scale3d而不是scale。根据我的经验,当元素被插入加速堆栈时,转换需要响应的元素会更好

javascript - iOS css-webkit-转换 : scale doesn't offset touch events

我有一个iframe,我需要将其拉入以便在iOS设备上显示。iframe的内容不在我的控制之下,它们不以任何方式响应(固定800x600)。所以我想缩小iframe以在iOS视口(viewport)中显示它。使用-webkit-transform:scale(0.4)我能够缩小它,但现在触摸事件都是错误的(例如触摸表单元素不会弹出键盘)。如果您在缩放之前触摸元素所在的位置,它就会起作用。有什么方法可以纠正触摸事件的偏移量吗? 最佳答案 选择scale3d而不是scale。根据我的经验,当元素被插入加速堆栈时,转换需要响应的元素会更好

ios - href=电话 :555 link not working in mobile safari

我正在设计一个移动页面,并使用以下(我相信是标准的)代码让电话调用电话号码。这在android中工作正常,但移动Safari我收到以下错误:CannotOpenPageSafaricannotopenthepagebecausetheaddressisinvalid 最佳答案 您的标记没问题,而且它适用于我的iPhone(3GS,运行4.3.5)。它在iOS模拟器上不起作用(是的,有“无法打开页面-Safari无法打开页面,因为地址无效”错误),但我不希望它能,因为你不能调用它(旧版本的iOS有问题)。

ios - href=电话 :555 link not working in mobile safari

我正在设计一个移动页面,并使用以下(我相信是标准的)代码让电话调用电话号码。这在android中工作正常,但移动Safari我收到以下错误:CannotOpenPageSafaricannotopenthepagebecausetheaddressisinvalid 最佳答案 您的标记没问题,而且它适用于我的iPhone(3GS,运行4.3.5)。它在iOS模拟器上不起作用(是的,有“无法打开页面-Safari无法打开页面,因为地址无效”错误),但我不希望它能,因为你不能调用它(旧版本的iOS有问题)。

html - ios 10 中的 apple-mobile-web-app-status-bar-style

我知道之前有人问过这个问题,只是想知道在ios10(和ios9)中是否仍然如此......根据appledeveloperguidelinesforwebapps(foundhere),web应用程序中的状态栏有3种选择;默认、黑色和黑色半透明。Default导致带有黑色文本的白色状态栏,Black导致带有白色文本的黑色状态栏,并且Black-translucent产生带有白色的透明背景文本。此外,此状态栏漂浮在您的内容上方,这意味着你必须将你的内容向下推20px才能没有内容与状态栏文本重叠。我真的很想使用黑色半透明状态栏(因为我认为它看起来更原生),但我的页面背景是浅灰色。这使得此状