iOS safari调试wkwebview

2024-11-02

iOS 开发之使用safari对webview进行调试

转自:http://www.tuicool.com/articles/ZBFnUbz 使用safari对webview进行调试时间 2016-02-25 14:35:20 陈斌彬的技术博客原文 http://cnbin.github.io/blog/2016/02/25/shi-yong-safaridui-webviewjin-xing-diao-shi/ 主题 iOS开发在web开发的过程中,抓包.调试页面样式.查看请求头是很常用的技巧.其实在iOS开发中,这些技巧也能用(无论是模

Cordova - 使用Cordova开发iOS应用实战2（生命周期、使用Safari调试）

Cordova - 使用Cordova开发iOS应用实战2(生命周期.使用Safari调试) 前文我们创建了一个简单的Cordova项目,结构如下: 1,Cordova生命周期事件 (1)deviceready :当Cordova加载完成会触发 (2)pause:当应用程序进入到后台会触发 (3)resumes:应用程序从后台进入到前台会触发我们将首页 index.html 替换成如下内容: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20

iOS之Safari调试webView/H5页面

之前做过混合开发,用的是JavaScriptCore+OC+UIWebView. Safari调试功能真的很有用,通过它可以轻松定位问题的所在,下面说说怎么调试. 开启Safari开发菜单在Mac的Safari偏好设置中,开启开发菜单.具体步骤为:Safari -> 偏好设置… -> 高级 -> 勾选在菜单栏显示“开发”菜单. iPhone开启Web检查器具体步骤为:设置 -> Safari -> 高级 -> Web 检查器. 运行App 打开项目,Cmd + R

iOS之safari调试iOS app web页面

Overview 当下移动端开发过程中大量使用前段H5.js等等技术,而这些web页面的调试在Xcode控制台中不太明了,经常我们移动app运行了就是方法,但是不能显示响应的效果,这时候或许就是已经报错了,但是我们在Xcode控制台是看不到这些错误.这时候我们就可以用功能强大的Safari浏览器来开启开发模式连接iPhone来调试app脸面的web页面了. Safari设置打开Safari偏好者设置,选中“高级菜单”,在页面最下方看到“在菜单中显示开发菜单”的复选框,在复选框内打钩,这样设置完

Mac下的Chrome或Safari访问跨域设置，MBP上使用模拟器Simulator.app或iphone+Safari调试网页

Mac下的Chrome或Safari访问跨域设置: mac下终端启动Chrome $ open -a Google\ Chrome --args --disable-web-security 或 /Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome --disable-web-security mac下终端启动Safari(试过没用!) open -a '/Applications/Safari.app' --args --

［转］iOS Safari 中click点击事件失效的解决办法

iOS Safari 中click点击事件失效的解决办法问题起因: 在微信公众号开发(微站)过程中用jquery的live方法绑定的click事件点击无效(不能执行) 问题描述当使用委托给一个元素添加click事件时,如果事件是委托到 document 或 body 上,并且委托的元素是默认不可点击的(如 div, span 等),此时 click 事件会失效. 解决办法解决办法有 4 种可供选择: 将 click 事件直接绑定到目标元素(即 .target)上将目标元素换成

iOS各种调试技巧豪华套餐

转载自http://www.cnblogs.com/daiweilai/p/4421340.html 目录前言逼优鸡知己知彼百战不殆抽刀断Bug 普通操作全局断点(Global BreakPoint) 条件断点(Condational Breakpoints) 打印的艺术 NSLog 开启僵尸对象(Enable NSZombie Objects) 进击的码农 Console(lldb 命令) Profile(instruments) Xcode视图调试结语前言最近博主临近毕业季

iOS崩溃调试的使用和技巧总结

在iOS开发调试过程中以及上线之后,程序经常会出现崩溃的问题.简单的崩溃还好说,复杂的崩溃就需要我们通过解析Crash文件来分析了,解析Crash文件在iOS开发中是比较常见的. 现在网上有很多关于解析崩溃信息的博客,但是大多质量参差不齐,或者有些细节没有注意到.今天写一篇博客总结一下我对崩溃调试的使用和技巧,如果有哪些错误或遗漏,还请指点,谢谢! 获取崩溃信息在iOS中获取崩溃信息的方式有很多,比较常见的是使用友盟.百度等第三方分析工具,或者自己收集崩溃信息并上传公司服务器.下面列举一些我们

iOS高效调试

写代码难免出现bug. 储备些调试技能绝对能够提高你的工作效率,让bug无所遁形.下面就和大家分享一些我在工作中常用的iOS调试小技能. 1. 打印最简单,基础的调试方法就是打印日志了.贴出两段封装好的日志打印代码: //swift版 func DLog<T>(message: T, file: String = #file, method: String = #function, line: Int = #line) { #if DEBUG print("<\((file

Xamarin.iOS模拟器调试找不到资源文件

Xamarin.iOS模拟器调试找不到资源文件在Visual Studio 2015中,运行Xamarin.iOS项目,出现找不到资源文件的错误.错误信息:System.IO.FileNotFoundException:/Library/Caches/Xamarin/mtbsilds/AppName/ID/obj/iPhoneSimulator/Debug/Images/Calendar/datecell.png does not exist在苹果系统中,可以找到该路径,但是Images\Ca

iOS开发之WKWebView简单使用

iOS开发之WKWebView简单使用 iOS开发之 WKWebVeiw使用想用UIWebVeiw做的,但是突然想起来在iOS8中出了一个新的WKWebView,算是UIWebVeiw的升级版.本着对新事物的好奇,就上网查了一下,但是找了好多个都没说的多了详细,于是就问谷歌,找文档,看看使用方法,试用了一下,果然不错,记录下来,大家分享! WKWebView的特点: 性能高,稳定性好,占用的内存比较小, 支持JS交互支持HTML5 新特性可以添加进度条(然并卵,不好用,还是习惯第三方的

解决IOS safari在input focus弹出输入法时不支持position fixed的问题

该文章为转载我们在做移动web应用的时候,常常习惯于使用position:fixed把一个input框作为提问或者搜索框固定在页面底部.但在IOS的safari和webview中,对position:fixed的支持不是很好(在IOS5之前甚至还不支持position:fixed).我遇到的其中一个问题就是,在iOS6+环境下,input focus弹出输入法的时候,设置了position fixed的input框浮在页面上了,而不是吸附在软键盘上.效果如图(图片来源于网上): 而Androi

iOS 程序调试、测试方案

1. iOS 之界面调试 2. iOS 之调试.解决BUG 3. iOS 程序测试.程序优化.提交前检测

解决ios safari中按钮圆角问题【原创】

问题描述使用html5编写页面在移动app中嵌套,总会涉及到按钮的使用,在android手机浏览器中显示正常,但在ios safari浏览器中会看到按钮显示为圆角样式,设置border-radius:0也不好使,其实添加css “-webkit-appearance”就能解决问题. 问题截图 css input .btn { display : inline-block ; height : 30px ; line-height : 30px ; border : 0 ; cu

ios safari input fixed 软键盘里的爱恨情仇

请看第一题: 为什么我的input获取焦点后,被输入法遮住了. 解决办法: 源码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="jquery-3.1.0.js"></script> <style&g

IOS各种调试

IOS各种调试技巧豪华套餐目录前言逼优鸡知己知彼百战不殆抽刀断Bug 普通操作全局断点(Global BreakPoint) 条件断点(Condational Breakpoints)打印的艺术 NSLog 开启僵尸对象(Enable NSZombie Objects)进击的码农 Console(lldb 命令) Profile(instruments) Xcode视图调试结语前言最近博主临近毕业季,为了完美的写一篇毕业论文,真是:“锄禾日当午,汗滴禾下土”<—— 这句诗跟毕业我

ios浏览器调试踩坑（1）----mescroll.js和vue-scroller

主要记录在ios浏览器出现触摸无限加载的情况使用vue-scroller和mescroll.js/mescroll.vue先踩ios浏览器默认滑动会影响mescroll的方法调用. 首先给公共js加入以下代码禁用我们的页面在ios浏览器下会滑动上下页面. <script> //禁止ios手机双击放大以及缩小 window.onload = function () { // 阻止双击放大 var lastTouchEnd = 0; document.addEventListener('touc

IOS模拟器调试ANE

来源:http://www.tuicool.com/articles/AFRJzi 利用iOS模拟器来检测和调试AIR应用程序补充篇 Air3.4来了除去可以直接往模拟器里面部署应用,还可以往真机里面部署应用. Air3.3的时候非常苦逼,你只能往模拟器里面装应用而不能删除,到了Air3.4以后不但可以安装,还可以删除,这说明,直接用Xcode 自带的ios模拟器调试air程序的时代正式来临了. 作者黄晋威其实这篇文章算是这篇文章的补充: http://www.adobe.com/cn/

MUI - myStorage在ios safari无痕浏览模式下的解决方案

myStorage在ios safari无痕浏览模式下的解决方案今天看到了这个帖子LocalStorage 在 Private Browsing 下的一个限制, 吓尿了,如果用户开启了无痕浏览,app几乎就废了,虽然做了plus.storage的兼容,不过会很慢很慢滴. 赶紧测试一下.... 还好,暂时没问题. 我这小心肝终于平静了. 万一,万一,万一有影响呢,还是做下容错吧,代码放到了github上,这里就不贴出来了. myStorageForPrivateBrowing

在mac上如何用safari调试ios手机的移动端页面

第一步:打开iphone手机的开发者模式,流程是:[设置]->[Safari]->[高级]->开启[Web检查器] ,如图1.图2 图1 图2第二步:打开Mac上Safari的开发者模式,流程是[Safari]->[偏好设置]->[高级]->[在菜单栏中显示“开发”菜单]勾选图3第三步:用数据线将iphone手机和mac连接起来,在电脑的safari中按照流程执行:[开发]->[手机名称]->[正在调试的网站] 图4最后,就可以按照调试pc端页面的思路来调

iOS开发Safari调试WebView页面

App混合开发现已是常态,不过作为app端开发人员,对H5页面的使用,可不能简单的局限于使用,一些简单的调试方法还是有必要了解的. 关于如何在使用webview过程中,如何对web内对内容进行调试,这里会简单讲一下步骤. 一.真机或Simulator 打开"设置"->"Safari"->"高级"->"Web检查器" 二.打开电脑上 Safari ->"偏好设置" -> &q

iOS safari调试wkwebview

热门专题