首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

使用Safari或者Chrome远程调试IOS Safari中的页面

浏览器的“开发”菜单 运行 Safari 浏览器,然后依次选取“Safari 浏览器”>“偏好设置”,点按“高级”面板,然后勾选“在菜单栏中显示开发菜单”。...[image.png] 1.3 调试步骤 先用IPhone 的Safari打开要调试的页面,然后将IPhone连到Mac上,打开Mac的Safari浏览器,在“开发”菜单中选择连接的手机,找到调试的网页...2.1 安装部署ios-webkit-debug-proxy 在Mac终端中输入如下命令直接使用brew安装,等安装完成之后启动proxy。...过程中遇到的问题 执行ios_webkit_debug_proxy -f chrome-devtools://devtools/bundled/inspector.html时报错 Listing devices...] 在Chrome中打开 chrome://inspect 页面,然后按照下图添加适配器的地址就可以看到手机上打开的页面了。

22.9K00
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    在win10+chrome环境中调试ios-safari画面

    手头上有个调试Echarts地图在ios端显示情况的任务,工作电脑是win10,因此在这里,找到了方法。 1 下载iTunes 在官网下载iTunes。才能识别连接的ios设备。...2 开启调试模式 在ios端打开设置->Safari->高级->Web检查器 3 ios-webkit-debug-proxy 这里就是核心了。...按照原博说法,ios-webkit-debug-proxy 是一个 DevTools proxy ,项目托管在 Github 上。...其使得开发者可以发送命令到真实(或虚拟)IOS设备中的 Safari 浏览器或 UIWebViews 。 与原博相比,git上有一些更新: 在Binaries小节点击下载。...浏览器地址栏输入 会显示所有设备清单: iOS Devices: localhost:9222 - iPad 点击打开 可以发现地址栏变为: 同时显示该ios设备中Safari浏览器打开的所有页面

    2.1K10

    在iOS上清除应用的启动屏幕缓存

    每当我在我的iOS应用程序中修改了LaunchScreen.storyboad中的某些内容时,我都会遇到一个问题: 系统会缓存启动图像,即使删除了该应用程序,它实际上也很难清除原来的缓存。...有时我修改了LaunchScreen.storyboad,删除应用程序并重新启动,它显示了新的LaunchScreen.storyboad,但LaunchScreen.storyboad中引用的任何图片都不会显示...今天,我在应用程序的沙盒中进行了一些挖掘,发现该Library文件夹中有一个名为SplashBoard的文件夹,该文件夹是启动屏缓存的存储位置。...因此,要完全清除应用程序的启动屏幕缓存,您所需要做的就是在应用程序内部运行以下代码(我已将该代码扩展到UIApplication的中): import UIKit public extension UIApplication...,您可以将其放在应用程序初始化代码中,然后在不修改启动屏时将其禁用。

    5.5K32

    解决iOS 版Safari 中浮动(float)导致页面右侧偏移的bug

    昨天在用ipad 调试最新的主题的时候遇到了一个坑,现在写在这里记录下——iOS 版Safari 中浮动(float)导致页面右侧偏移的bug。...当初发现这个问题时候不能一下定位在某个 div 上,只能一个个排查;幸好这个问题只在文章页发现,然后就在文章页排查一个个组件,因为有经验将代码分模块写,最后很容易就锁定到了出问题的模块——“上一篇、下一篇...在通过删减HTML 代码进行排查,锁定了是float 的定位问题。...解决 问题发现源头,就得解决,首先先试着采用position的定位方式,未果(当然,“果”不了可能因为前端渣);然后就偷懒借助万能的google,在stackoverflow 上找到了解决方案;加个 overflow...原提问地址: http://stackoverflow.com/questions/15429344/how-to-work-around-this-safari-float-rendering-bug

    2.5K60

    【HTML5 理论知识】就H5调试技巧,浅谈:iPhone X 适配方案!

    所以在meta标签的viewpoint中加viewport-fit=cover时iOS10和iOS11下constant(safe-area-inset-X)值的表现是不一样的。 3....Xcode9.0以上 步骤:在Xcode打开一个空白项目,选择iPhoneX模拟器,并点击运行按钮即可。 image.png 安装应用 在Xcode上直接编译客户端代码。...或者让客户端开发编译一份模拟器版本的.app文件,将其拖进运行的模拟器屏幕,应用就成功安装了。...H5 调试 安装应用后,在应用里访问H5页面,然后打开Safari(需要开启Safari的开发工具),在菜单中选择开发-Simulator-页面地址 ,就可以用Safari的检查器对其作调试了。...(当有多个页面地址,将鼠标移至二级菜单的某一个页面地址时,模拟器页面屏幕会有蓝色遮罩出现时则是选中了本页面地址),有些时候Safari识别不到模拟器,只需退出Safari,点一下模拟器屏幕,再重新打开Safari

    3.3K80

    极速适配 iPhone X 秘笈

    在适配过程中,我们尝试了这三种方案,如下。 解决方案1 客户端适配 客户端直接将 webview 的安全区域限制在除去安全区域的区域内。...Xcode 9.0 以上 步骤:在 Xcode 打开一个空白项目,选择 iPhone X 模拟器,并点击运行按钮即可。 安装应用 在 Xcode 上直接编译客户端代码。...H5 调试 安装应用后,在应用里访问 H5 页面,然后打开 Safari(需要开启 Safari 的开发工具),在菜单中选择开发-Simulator-页面地址 ,就可以用 Safari 的检查器对其作调试了...(当有多个页面地址,将鼠标移至二级菜单的某一个页面地址时,模拟器页面屏幕会有蓝色遮罩出现时则是选中了本页面地址),有些时候 Safari 识别不到模拟器,只需退出 Safari ,点一下模拟器屏幕,再重新打开...最后 经过分析,使用官方提供的新属性是三种里面较佳的方案,不过在适配过程中应当整体考虑所有机型,webview 的类型及布局、还有横竖屏对contstant(safe-area-inset-X) / env

    1.3K40

    移动开发实用

    -- ios7.0版本以后,safari上已看不到效果 --> 将网站添加到主屏幕快速启动方式,仅针对ios的safari顶端状态条的样式 的分享: 2007年苹果发布首款iphone上IOS系统搭载的safari为了将适用于PC端上大屏幕的网页能比较好的展示在手机端上,使用了双击缩放 (double tap to...双击缩放是指用手指在屏幕上快速点击两次,iOS 自带的 Safari 浏览器会将网页缩放至原始比例。...在IOS safari下,大概为300毫秒。这就是延迟的由来。...什么是Retina 显示屏,带来了什么问题 retina:一种具备超高像素密度的液晶屏,同样大小的屏幕上显示的像素点由1个变为多个,如在同样带下的屏幕上,苹果设备的retina显示屏中,像素点1个变为4

    6.5K30

    Android获得控件在屏幕中的绝对坐标

    (location);//获取在整个屏幕内的绝对坐标 location [0]--->x坐标,location [1]--->y坐标 getLocationOnScreen 计算该视图在全局坐标系中的x...,y值,(注意这个值是要从屏幕顶端算起,也就是索包括了通知栏的高度)//获取在当前屏幕内的绝对坐标 getLocationInWindow 计算该视图在它所在的widnow的坐标x,y值,获取在整个窗口内的绝对坐标...getLeft , getTop, getBottom,getRight 这一组是获取相对在它父亲里的坐标 如果在Activity的OnCreate()事件输出那些参数,是全为0,要等UI控件都加载完了才能获取到这些...在onWindowFocusChanged(boolean hasFocus)中获取为好 即覆写Activity的onWindowFocusChanged(boolean hasFocus)方法 XXX_Activity...int[] location2 = new int[2] ; view.getLocationOnScreen(location2);//获取在整个屏幕内的绝对坐标

    2.1K20

    在 iOS 工程中 Cocoapods 的使用

    我们在开发 iOS 程序的时候,往往都会根据需要导入很多的第三方框架,但是不同的框架完成的功能不同,所以导入的方式也不同,并不是把它直接拖进工程中就完事了,我们需要配置各种环境,链接各种库文件等等。...这个时候我们就需要用到 cocoapods 来管理我们的第三方了,在我们有了 CocoaPods 这个工具之后,只需要将用到的第三方开源库放到一个名为 Podfile 的文件中, 然后在命令行执行 $...### 第五步: 进入你的工程目录,这里建议直接右键你工程中.xcodeproj 文件选择在终端中打开,然后 在终端中输入命令 cd ..  ...以后打卡工程就直接打开这个文件就好啦 其中 podfile 文件中显示了我们这个工程中所以集成的第三方, 想修改版本的话就把后面的版本号改成你所需要的版本号就好,想删除的话就把这行删掉,想添加的话就用第五部的搜索命令去搜索然后同样把搜索结果中以...# 总结: 关于使用 cocoapods 在自己的项目中集成第三方就这些内容。有什么不懂的欢迎来找我交流,本人才疏学浅,如果那里写的不对请及时批评指正,免得误导新人。

    1.1K40

    KVO 在 iOS开发中的应用

    当然我想起在UNITY3D中,如果检视面板的数值发生改变对应的GameObject发生位移之类的。我曾经实现了一个inspector的编辑器类,值改变直接通知(其实是调用)对应的函数。...在iOS这里 一切发生的那么自然。不需要额外实现 这是iOS的特性之一 名曰:KVO 。 前情提要 上一篇 KVC 讲到需要遵循的几条几本规则在 KVO 中同样适用。...在值改变之前和值改变之后。 0 不带任何参数进去 传递给监听的值在接受函数ofObject:(id)object可以获取到。...有时候我们在某些条件下不希望接受到KVO的通知,需要重写如下方法: NSInteger HP = 10; +(BOOL)automaticallyNotifiesObserversOfStringOnFoo...手动触发KVO也是允许的,下面主要使用到了 willChangeValueForKey / didChangeValueForKey 这两个函数。即使禁止了自动通知也可以直接在get函数中触发。

    7910

    category在iOS开发中的使用

    上面是后端同学按照照module的方式开发的服务,在整个的项目中请求中前缀相同而每个module都有自己的前缀,结合起来整个请求URL格式就可以拆分为 HOT:PORT?...正如我们的标题一样我们采用category将统一的网络请求拆分到不同的文件中---类似服务端的module一样将器拆分到不同的文件中进行管理 比如上面的我们将通过用的网络请求放置到ApiFetch这个类中...保持一致我们进行各模块的网络请求管理以便根据某一某块的特殊要求作出变化,例如,user模块中 -(void)userGetFetch:(NSString *)url query:(NSDictionary...中附带一个module对应的参数---user,对应的Oder也会添加一个order作为模块url参数的前缀 然后是模块对应的url的管理啦: 如上图每个模块都有自己的path对应url,我们可以统一的防止在...category对应的头文件中 总之一句话就是分而治之,将杂而乱的url分化到不同的模块中去,按照每个模块的特性去进行管理 最后我们看看怎么使用吧 user模块的网络请求实例 NSDictionary

    76410

    RunLoop在iOS开发中的应用

    概要 RunLoop在iOS开发中的应用范围并没有像runtime 那样广泛,我们通过CFRuntime的源代码可知runloop跟线程的是密不可分的,一个线程一定会创建一个对应的runloop,只是主线程创建就自动...此外,runloop并不是一个简单的do-while,作为OSX/iOS系统中Event Loop表现,runloop需要处理消息事件,在没有消息的时候休眠,有消息事件的时候立刻唤醒。   ...api文档中提到:如果没有输入源和定时源加入到runloop中,runloop就马上退出,否则通过频繁调用-runMode:beforeDate:方法来让runloop运行在NSDefaultRunLoopMode...系统会监听主线程中runloop的的进入/休眠、退出的activities 来处理autoreleasepool,也是同学们长讨论的自动释放池在什么时候释放的问题。...image.png 3.3 TableView中实现平滑滚动延迟加载图片 顺带提一下,这个我在开发中没有用到。

    1.9K20

    iOS开发之使用Storyboard预览UI在不同屏幕上的运行效果

    在公司做项目一直使用Storyboard,虽然有时会遇到团队合作的Storyboard冲突问题,但是对于Storyboard开发效率之高还是比较划算的。...在之前的博客中也提到过,团队合作使用Storyboard时,避免冲突有效的解决方法是负责UI开发的同事最好每人维护一个Storyboard, 公用的组件使用轻量级的xib或者纯代码来实现。...言归正传,接下来就介绍一下如何使用Storyboard来预览UI在不同那个分辨率屏幕上的运行效果,这就很好的避免了每次调整约束都要Run一下才能看到不同平面上运行的效果,今天的博客就来详述一下如何使用Storyboard...2.经过上面的操作后, 你会看到如下操作界面,在这个界面中你可以点击右边的加号按钮来添加预览窗口,如下图所示: ?   ...三、添加预览设备     1.双击上面加号的按钮回出现预览窗口,在预览窗口左下方有一个加号按钮,通过加号按钮你可以添加不同尺寸的屏幕进行预览,从3.5到iPad应有尽有,添加是的截图如下所示。

    2.3K80
    领券