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

微信页面的调试

、小程序的相关调试 一、能够访问页面 在开发微信页面时,刚开始一般是会在PC上进行,等到开发后期的自测阶段再转到模拟器上、转到各种机上自测,上线了如果出问题还需要在机上调试测试...使用 Packet Capture 进行抓包 在机子中,安装之后,在它的设置项里配置一下证书 点击绿色按钮开启监听,它会监听所有APP的各种协议,也可以选择监听某一个APP 比如,这里监听了我在微信里访问博客园...使用机模拟测试 浏览器的设备模拟多是从样式上来模拟,模拟器有了一些硬件上的倾向性,在机上最为可靠 然而现在大多数的手机浏览器都自带了工具栏,而华为手机上自带了虚拟键盘,导致一个页面的高度不统一...也许在设备模拟页面上正常了,在机却被挤压元素被覆盖了。 所以说,有机会的话都要搜集常见的机型来进行机测试,或者至少要进行模拟器的测试。...以调试微信页面基础,本文列举了几个常见的调试工具和相应的使用方法 并不是每个方法都保证可行,所以在调试过程中会有很多的备选方案 要说最重要的,应该就是Fiddler和DevTools的结合了

4.1K20

android刘海屏适配(刘海屏或圆角适配)

P版本也就是刚发布的9.0 其中就加入了刘海屏相关的API。其相关行为与功能变更也是非常多的,从其变更的趋势及功能来看,google在进一步的收紧权限。...在P发布公测版到7月底,想必不少开发者都收到了来自各大应用市场发来的邮件。 邮件内容以其中一家例(具体市场名称已隐匿): 尊敬的开发者: 您好!...这样就导致我们不得不去适配P了。 在收到邮件后,查阅谷歌官方的资料,更新SDK。其中UI最大的改变就是需要适配刘海屏。...今天就来说说怎么适配8.1及P上的刘海屏。 首先下载谷歌最新的SDK API 28及系统镜像。新建API 28的模拟器后,自定义分辨率,高宽比最好设置2以上,比如2280 * 1080。...如图: 第二张图就是开启模拟选项后显示的切口样式,当然这个缺口是模拟的,目前机普遍的刘海屏高度在90px左右,模拟器模拟的刘海屏高度144px。

1.9K10
您找到你想要的搜索结果了吗?
是的
没有找到

touch-action导致页面无法滚动

通过明确指定浏览器应该处理哪些手势,应用程序可以为其余手势提供自己的行为,pointermove并pointerup其余的手势提供监听器。应用程序使用Touch_events。...当手势开始时,浏览器将触摸元素及其所有祖先的触摸动作值与实现手势的触摸动作值(换句话说,第一个包含滚动元素)相交。...这就是上无法页面滚动的原因。 为什么ios没有受影响呢,我觉得可能是ios默认支持touch事件的原因吧。如果你知道底层的原因或者详细的文档说明,可以告诉我哦。...我遇到这个问题的时候,第一感觉还是是否是脚本错误了,是否是兼容问题。如果是这样排查的话,就会浪费比较多的时间。甚至中间还找群友讨论,他们建议是否更换为绝对定位的方案,那样就走偏了。...联想到这些机型,那么定位到可能是 :代码兼容部分的版本过低,这些不支持;代码某部分是对ios和卓有区分解释的,和系统有关,版本无关。

4.1K00

ios兼容问题及处理(小程序H5)

IOS机型margin属性无效问题 问题: 底部footer设置margin属性的时候发现机IOS上无效,在微信开发者工具/手机/谷歌iphone/机型皆正常 原因: iOS8后,UIView.../IOS图片卡顿异形 问题 :上图片会出现卡顿,变形,然后才会显示正常的图片大小 原因: image组件默认宽度300px、高度225px 解决办法: 使用image 标签,尽量固定宽高。...6. ios 表单元素 input 和textarea 默认有内阴影(H5) input{ -webkit-appearance: none; } 7....解决办法: 可以监听resize事件(浏览器窗口大小调整时触发),当键盘弹出的时候,更改页面的position属性值。...ios滑动 兼容问题 -webkit-overflow-scrolling: touch; 9.

7.6K71

『App自动化测试之Appium应用篇』| uiautomator + accessibility_id定位方法完全使用攻略

1 uiautomatorviewer无法连接手机1.1 问题现象当使用自带的uiautomatorviewer.bat连接机时,提示以下报错:图片原因是我连接的是机,而操作系统是Android13...1.2 解决方法1.2.1 方法一:使用第三方文件(不建议)使用二次开发好的uiautomatorviewer,本文试过了9.0可以,但是13是不行的;这个可以直接搜索,比如如下这个:图片下载后有三个文件...LvmamaXmlKit.jar /sdcard/LvmamaXmlKit.jar: 1 file pushed, 0 skipped. 0.0 MB/s (1118 bytes in 0.027s)重新尝试可以连接了(...9可以,13不行):1.2.2 方法二:导入uix和png文件使用以下命令截取uix文件,保存到手机中:adb shell uiautomator dump /sdcard/an.uix将手机中的uix...content-desc内容;元素的content-desc主要是针对的是Android;而iOS上用的是label或name属性;比如上的如下:图片3 accessibility_id定位方式accessibility_id

42420

挥别web移动端开发差异和经典坑

,设置内容元素 overflow auto。...body { overflow-y: hidden; } .wrapper { overflow-y: auto; } MDN定义: -webkit-overflow-scrolling 属性控制元素在移动设备上是否使用滚动回弹效果...fixed 全部变为了 absolute ,而 android 中唤起键盘是覆盖在页面上,不会压缩页面 可以通过监听移动端软键盘弹起 Element.scrollIntoViewIfNeeded(Boolean...wx.onSocket断后再次发送链接IOS和差异 描述:小程序 wx.onSocket 链接 在手动断网后,IOS会不停发送请求再链接onSocketOpen,不会 ,解决方法,做一个定时器启动链接...时间:201908 部分机器点击键盘发送相同内容 描述:部分机,如oppo 快速点击键盘发送,会发出2条一样的内容,防抖与节流均不生效; 时间:201907 微信公众号 在微信授权回调带#

2.8K20

Ui Automator 框架和Ui Automator Viewer你会用吗?附送「必备adb命令」拿走不谢 !

如果是机,没有这种 root 的话,那就是账号进来的用户都是普通用户。是有权限才能控制的,不是所有的数据文件你都具备权限去访问的。所以需要了解 Linux 系统中对权限的设置与控制,修改用户权限。...App 自动化在版本 6 以上就是用的 uiautomator2 作为驱动。所以它会把服务装到手机上。...如想过滤所有标签可以使用*号代替:*:E 三、UiAutomator 框架 UI 自动化测试框架,移动端 app。 要求:Android4.3 以上。...用这个框架可以实现 App 的自动化测试。它也有个元素定位的工具: UI Automator Viewer ? 这个工具是给 App 截图的。...sdk 的坑 我安装 sdk,之前用镜像一直没问题,今天死活不行,应该是镜像不能用了。

1.8K20

Ui Automator 框架和Ui Automator Viewer你会用吗?附送「必备adb命令」拿走不谢 !

手机内核是 Linux 系统,需要知道 Linux 系统中的常用操作,以及 Linux 系统中的基本知识。...如果是机,没有这种 root 的话,那就是账号进来的用户都是普通用户。是有权限才能控制的,不是所有的数据文件你都具备权限去访问的。所以需要了解 Linux 系统中对权限的设置与控制,修改用户权限。...如想过滤所有标签可以使用号代替::E 三、UiAutomator 框架 UI 自动化测试框架,移动端 app。 要求:Android4.3 以上。...用这个框架可以实现 App 的自动化测试。它也有个元素定位的工具: UI Automator Viewer 这个工具是给 App 截图的。...sdk 的坑 我安装 sdk,之前用镜像一直没问题,今天死活不行,应该是镜像不能用了。

2.3K11

App自动化测试|Appium工作原理及Desired Capbilities配置

Uiautomator:UiAutomator是Google提供的用来做自动化测试的一个Java库,基于Accessibility服务。功能很强,可以对第三方App进行测试。...Selendroid:Selendroid和UiAutomator类似,也是Google提供的一个自动化测试软件,适用于Android系统的本地应用程序和移动web的UI混合测试。...)noReset:在当前session前不重置app状态,默认值falsefullReset:(iOS)删除所有的模拟器文件夹。...'deviceName':'huawei', # 填写虚拟机/机的设备名称 'appPackage':'com.sky.jisuanji', # 填写被测app包名...'deviceName':'huawei', # 填写虚拟机/机的设备名称 'browserName': 'chrome', # 浏览器的设备名称 'udid

2.5K10

Python+Appium运行简单的demo,你需要理解Appium运行原理!

包名–系统当中的标识(相当于唯一代号) 有相同的包名,就是应用已安装。卸载的时候能找到这个包名就能卸载,找不到就不能卸载。 模拟器和机都是基于 Liunx 内核的。....apk是的。Appium 会将这个 App 给到的安装包路径,去将这个包安装到对应的设备上面去。如果你给定的是 App 这个字段,它会主动向你的机或者模拟器去装这个 App。...相当于第一次安装它,将所有的用户数据都清除。 在应用中清除缓存数据或者应用数据。例如在上输入用户名密码,以后不需要输入了。...的一些内核是 chrome,因为系统是谷歌提供的。 activity:有一些是开发在代码中指定了这个入口页面是什么。...处于监听状态 #2.模拟器/机必须能够被电脑识别。即adb devices能够识别到要操作的设备。 运行代码,成功打开应用。 ----

2.3K10

Python+Appium运行简单的demo,你需要理解Appium运行原理!

包名–系统当中的标识(相当于唯一代号) 有相同的包名,就是应用已安装。卸载的时候能找到这个包名就能卸载,找不到就不能卸载。 模拟器和机都是基于 Liunx 内核的。....apk是的。Appium 会将这个 App 给到的安装包路径,去将这个包安装到对应的设备上面去。如果你给定的是 App 这个字段,它会主动向你的机或者模拟器去装这个 App。...相当于第一次安装它,将所有的用户数据都清除。 在应用中清除缓存数据或者应用数据。例如在上输入用户名密码,以后不需要输入了。...的一些内核是 chrome,因为系统是谷歌提供的。 activity:有一些是开发在代码中指定了这个入口页面是什么。...处于监听状态 #2.模拟器/机必须能够被电脑识别。即adb devices能够识别到要操作的设备。 运行代码,成功打开应用。

2.1K00

逆向系列篇:工具总结

四、辅助工具 这部分主要是一些辅助工具,查询信息、是否加壳等。...对于没有机的情况下还介绍了一些上手还可以的模拟器 1、APK helper APK helper工具用于查看apk文件简单信息,包括包名、证书、版本、文件信息等 2、PKiD 查壳工具 PKiD...工具,将apk文件拖入可以查看是否加壳 3、模拟器 如果没有机做实验的情况下,可以使用模拟器用于实验,大部分的模拟器都可以完成实验内容,但是注意的是模拟器也是一个虚拟机,不建议在虚拟机内安装模拟器...1、BurpSuite BurpSuite抓取手机上的流量需要先设置手机和电脑同一局域网 在BurpSuite中配置 设置一个新的代理监听器 手机wifi设置代理 访问应用-抓取流量 在手机上随便访问一些...抓取除浏览器外的代理请求包 Hide All 隐藏所有的代理请求包 配置抓取HTTPS流量 下载、安装证书,配置监听端口即可 3、HTTP Debugger Pro 下载地址:百度

8.8K31

vue中@change兼容问题

但注意,我们此时讨论的是移动端效果,那么用pc端打开调试工具来模拟移动端机型显然是不足以代表移动端真实场景的,因此需要在机测试。ok,接下来,差异化出现。...由于 @change的特性是当监听到数据发生变化时则执行,因此差异便是暴露出来: :选择完年月日,点击确定后,数据变化,监听事件起作用; iOS:点击选择日期,选择年,监听到数据变化一次,执行一次...但,所谓小人得志不可取,兴高采烈的时候发现在机上挂掉了。原因是在机上选完以后, @blur事件并不会触发,除非选择完成之后,点击别的区域来触发此事件。...因此,我们又面临一个兼容问题,怎么同时保证在和iOS系统上都能流畅运行呢?...---- 总结 总结以上,步骤如下: 进入页面,执行js脚本,判断当前设备型号; 如果是设备,执行 @change; 如果是iOS设备,执行 @blur。

2K60

小程序bug

记录下本人在写小程序时遇到的一系列难题与bug 菜单隐藏消失的动画效果(主要用了animation、transformX控制left的值),在设置wx-charts图表在菜单显示时隐藏,最后发现在上正常运行...最大长度1048576。可手动删除一些无用数据再setData 3. wx-canvas线状图中多条线展示时,点击显示tooltip后苹果手机会出现无法滚动的现象。...show-menu="showMenu" @hide-menu="hideMenu"> 因为设置了fixed固定在视窗顶部,因此用一个容器占用位置防止普通元素置顶被挡住...微信小程序中的button的border属性或者圆角,都是写在after里面的 10. cover-view组件的padding再苹果手机上无效,在机上有效。...小程序没有监听页面滚动停止的事件,可用计时器监听 onPageScroll: function(e) { clearTimeout(this.timeoutId); this.isNotScroll

84820

Sonic 开源移动端云机测试平台 - 设备中心接入设备实例演示,Agent端服务部署过程详解

Sonic 开源移动端云机测试平台 - Agent端服务部署与设备接入演示 一加8手机连接效果图展示 第一章:环境准备 ① agent-sources 资源包下载 ② Android SDK安装...③ npm 安装 ④ JDK16 版本的安装 ⑤ Appium 的安装 ⑥ Python 库 tidevice 的安装 ⑦ adbkit 的安装 ⑧ chrome 驱动下载 ⑨ 关闭 ios 设备监听...- windows 系统下的 sonic 快速部署演示 ② Sonic 开源移动端云机测试平台 - 设备中心接入设备实例演示,Agent 端服务部署过程详解 ③ Sonic 开源移动端云机测试平台...③ npm 安装 可以查看文档:Node.js、npm 安装过程演示 安装后可以进入 cmd 通过 npm -v 查看是否安装成功。...配置文件所在位置: ⑨ 关闭 ios 设备监听 目前只配置了,没配置 ios 相关的,先关闭 ios 系统接入,后面配的时候再启用。

1.8K40

Appium常用操作之「元素定位、swipe 滑屏操作」

和 ios 的手机屏幕有大小的限制,所以一个页面当中元素不会太多,也不会很密密麻麻。因为它需要你不但要能看得清楚还能用手点得着。所以它会做的格局上面内容偏少,间距也会比较大。...处于监听状态 #2.模拟器/机必须能够被电脑识别。即adb devices能够识别到要操作的设备。...swipe函数是和 IOS 两种设备同时通用。 [20201027143333.png] 从一个点滑到另外一个点,那么每个点都有 x 值和 y 值。swipe有 4 个参数。...不同的厂商、不同的大小,它的分辨率都不一样,它的坐标值是绝对不一样的。 这个怎么办?怎么兼容下这个特征比较好? 不需要针对每个版型的手机写一段代码,全部通用。...如果webdriver中有些方法标明了仅仅是 ios 或者,那就只能在对应的平台上使用。 如果一个函数并没有说明,那么就是大家一起用的,不分彼此。

1.9K81

Appium常用操作之「元素定位、swipe 滑屏操作」

和 ios 的手机屏幕有大小的限制,所以一个页面当中元素不会太多,也不会很密密麻麻。因为它需要你不但要能看得清楚还能用手点得着。所以它会做的格局上面内容偏少,间距也会比较大。...处于监听状态 #2.模拟器/机必须能够被电脑识别。即adb devices能够识别到要操作的设备。...swipe函数是和 IOS 两种设备同时通用。 ? 从一个点滑到另外一个点,那么每个点都有 x 值和 y 值。swipe有 4 个参数。所以起始 x,起始 y,结束 x,结束 y。...不同的厂商、不同的大小,它的分辨率都不一样,它的坐标值是绝对不一样的。 这个怎么办?怎么兼容下这个特征比较好? 不需要针对每个版型的手机写一段代码,全部通用。...如果webdriver中有些方法标明了仅仅是 ios 或者,那就只能在对应的平台上使用。 如果一个函数并没有说明,那么就是大家一起用的,不分彼此。

2.9K10

Appium常用操作之「Toast提示信息获取」

4.如果 Appium Server 版本低于 1.6.3+,代码中必须指定 automationName UIAutomator2 三、4 点需要注意的事情 1.在我们等待元素可见的时候,不要用...2.选取部分内容匹配需注意 3.没有找到匹配的 Toast 4.Toast 获取跟 Appium 的版本有关 四、Toast 提示信息获取 五、代码 一、什么是 toast 4.4 以上的版本都是基于...即使截屏截到了,用元素定位也是定位不到的。所以用正常套路是搞不定它的。 ? 进行提示作用,且时间出现得非常短。基本上在所有的手机当中都是这种效果(包括验证码、或者注册提示)。...代码中必须指定 automationName :UIAutomator2 UIAutomator2 只支持版本 5.0+ 因此,因为他们的最高支持版本 4.4.2,可以使用 genymotion...处于监听状态 #2.模拟器/机必须能够被电脑识别。即adb devices能够识别到要操作的设备。

95410
领券