Tag: 移动Safari浏览器

如何修复safari 6 web inspector,以便它可以与iOS设备或模拟器一起使用?

每当我尝试将Safari浏览器网页检测器连接到在前台运行移动Safari的模拟器或设备时,我尝试检查的网站从未完全加载到检查器中。 DOM不会在dom树视图中填充; 我必须在资源视图中折叠和展开网页才能看到脚本,图像,框架等,但是没有一个应该显示DOM的项目实际上是做的。 触摸模式select一个特定的DOM元素,通过在iPhone / iPad上点击它不起作用的结果。 我已经正确设置相关的ios设置和mac safari设置,以便mac上的safari可以看到每个设备,并正确连接到特定的网站/ webviews,但连接似乎失败了。 我只有适度的运气才能通过Safari浏览器的ios设置来清除cookie和caching,但即使如此,它也只能成功地连接并显示一部分时间。 有没有其他人遇到这个? 有什么可能出错? 有没有办法解决它? 是否有可能使用不同的networking检查员来debuggingiOS上的网站(比如每晚的webkit),如果是这样的话,怎么样? 这发生在我的10.7和10.8机器和各种不同的ipad上。 这可能是我们的网站具体问题,但我不知道如何缩小到底是什么。

如何更改select框背景,而不会丢失移动Safari上的右箭头

我需要将我的select框的背景更改为平坦的颜色,但我不想让右箭头(aka下拉箭头)消失。 我努力了: select { -webkit-appearance: none; border: 0; background: none; } 这适用于所有浏览器,除了iOS 7的iPhone 4s上的Safari。在此浏览器上,右箭头消失,用户不清楚它是否是select框。 省略-webkit外观没有帮助。 我不想做一个假箭头。 这将影响所有其他浏览器。 有任何想法吗?

在Safari浏览器中的Web应用程序中的链接打开一个iPhone应用程序

我试图从safari中的链接打开我的本地iPhone应用程序。 我已经按照这个链接来创build一个url模式。 我在URLtypes下添加了appgo://作为我的url模式和com.xxxx.appgo作为标识符。 以下是我在safari网页中的链接:打开iPhone应用程序但是,当我点击链接应用程序不打开,Safari浏览器产生一个错误提示:由于地址无效,Safari无法进入页面。 我的包标识符:com.xxxxx.abc注意:我的包标识符与URLtypes中的标识符不同。 这可能是一个问题吗? 编辑:我已经使捆绑标识符和URL标识符相同。 我还在我的应用程序委托中添加了以下代码: – (BOOL)application:(UIApplication *)application handleOpenURL:(NSURL *)url{ NSLog(@"application"); BOOL returnValue = NO; NSString *urlString = [url absoluteString]; if([urlString hasPrefix:@"com.xxxx.appgo"]){ returnValue = YES; } return returnValue; } 我正在iPad上testing它。 我首先从xcode安装最新版本的应用程序,然后按主页button,然后打开safari中的链接。 但是,我仍然得到警告说Safari不能进入页面,因为地址是无效的。 我在safari中的链接: <a href="appgo://">Open iPhone App</a>

移动Safari:惰性滚动身体和最小的用户界面行为?

这个问题需要一些解释,所以请忍受我。 与stream行的观点相反,在默认情况下,Mobile Safari的网页上并没有启用惯性滚动(非常stream畅的60fps滚动)。 由于它在用户体验方面造成了一个不同的世界,我经过对iOS的Modernizrtesting后,dynamic地将这个CSS应用到了页面的HTML和BODY元素, <style> .touchscroll { overflow: auto; -webkit-overflow-scrolling: touch; position:relative; height:100%; } .touchscroll body { height:100%; overflow: auto; -webkit-overflow-scrolling: touch; position:relative; } </style> 以上基本上使body元素成为一个可滚动的元素,通过-webkit-overflow-scrolling:touch,在整个页面上获得平滑的滚动效果。 关于这个解决scheme的更多背景可以在这里find( 免责声明 :我自己的文章)。 它的工作,迄今为止,这么好。 问题是,这个解决scheme有效地禁用了另一个高度期望的移动Safari的行为:通常,当向下滚动时,它会使地址栏更小,并完全隐藏浏览器的底部栏。 滚动时,它们会重新出现。 不幸的是,上述技术出于某种原因禁用了这个function。 是的,我们有超级顺畅的滚动,但浏览器栏总是很大,底栏永久保持可见,都占用宝贵的空间。 因此,我的问题是,我可以兼得吗? 我想在整个页面上进行超级平滑滚动,但是我也希望在滚动时浏览器元素的默认隐藏行为。 我正在使用这个网站的一个例子是: http : //www.jungledragon.com/ 如果您在Mobile Safari中打开该窗口,您将看到平滑的滚动,而不是在向下滚动时隐藏浏览器元素。

iOS Safari在嵌套元素中onscroll事件

我的最终目标是在我的页面上有一个内联div,它可以在本地水平滚动(使用-webkit-overflow-scrolling: touch ),同时也可以捕捉。 我可以实现这一点, 没有 -webkit-overflow-scrolling因为我有权访问ontouchend事件,所以我可以计算我的捕捉,但是,为了实现这个function的最佳UX用户,我想使用本地滚动在这个元素上。 使用-webkit溢出滚动的问题是,使用一个轻弹/一些力量,div将继续滚动了一下后,你的手指已经closures(即在ontouchend已经发射) ; 这意味着我的快照在滚动完成之前计算。 花了很长时间试图find方法,我还没有成功。 在整个页面上下文中,当滚动完成时,safari会触发onscroll事件。 我的问题是,是否有可能在一个元素的上下文中引发这个事件? 即在<div id="slideShow">内部滚动火焰? 如果没有,是否有可能 (a)例如ontouchmove的访问速度,所以我可以计算何时运行捕捉? 要么 (b)仿真-webkit-overflow-scroll:touch(弹性和速度效果)。 注意:为了举例,使用iPad w / iOS5。

如何在iOS中添加一个URL到Safari的阅读列表?

在我的UIWebView中,我想添加一个选项来将当前页面添加到Safari的阅读列表中。 我知道这个function存在,因为GMail提供它时长按一个链接,但我找不到什么URLscheme使用任何信息。 可能的重复: 如何以编程方式从iOS访问Safari的阅读列表

通过移动Safari中的input字段进行选项卡使浏览器跳转

有没有办法专注于这个领域,但没有这个animation? 当键盘可见时,这种行为尤其糟糕。 – 更新 – 经过一些更多的研究,这似乎与iOS中的重点跳转错误有关。 ( https://remysharp.com/2012/05/24/issues-with-position-fixed-scrolling-on-ios#focus-jumping ) 固定它的一个巧妙的技巧是设置float: left; clear: left; float: left; clear: left; 在input字段( Safari中的跳转input字段 ) 但是,如果需要与某个position: fixed进行交互,该修复方法将无法工作position: fixed元素! 跳跃的错误依然存在。 演示 <!DOCTYPE html> <html> <head> <link rel="stylesheet" href="style.css"> <script src="script.js"></script> </head> <body> <form> <input> <input> <input> <input> <input> … <input> </form> </body> </html>

没有iOS的WebGL的交互式3D模型

我想做类似于这个 – http://appserv.kfshrc.edu.sa/Default/Health/Anantomy.aspx ,但没有使用闪光灯,并能够在iPad上的移动Safari。 我用WebGL玩,这是伟大的,但不适用于iOS(尽pipe它在移动Safari中,但它只是为了iAds)。 我也试过CSS 3D转换,但它不能正常工作。 那么,我可以用什么来实现iOS移动Safari?

在iPad上支持Javascript事件的列表

在iPad Safari上是否有所有支持Javascript事件的列表? 如果链接来自苹果官方网页,那将会很棒。 谢谢。

使用IOS 8.3在Safari上的angular度单击问题

这是一个奇怪的问题,这是一些难以产生和探索的东西。 在使用Angular构buildWeb应用程序时,我的老板发现应用程序中使用ng-click指令的所有button都不起作用。 现在,这个问题只发生在iphone 6 with IOS 8.3 and using the safari browser 。 我可以说,当在iPhone5(所有版本),iPhone 6(IOS 9),Safari for Windows和所有其他浏览器(移动和桌面)上testing时, ng-click就像一个魅力。 该应用程序正在使用Angular 1.4.3构build。 这是button的代码,你可以看到,没有什么特别的: <button class="btn calculate-button" ng-click="onCalculate()">Calculate</button> 而在控制器中: $scope.onCalculate = function () { //Do something… And then: $state.go('someplace'); }; 我尝试了很多这里提到的改变,包括ng-touch , ng-bind ,构build我自己的click指令,如下所示: .directive('basicClick', function($parse, $rootScope) { return { compile: function(elem, attr) { var fn = […]