精华内容
下载资源
问答
  • 移动端下拉

    2016-04-12 10:39:49
    移动端
  • zTree移动端实验,移动端使用tree
  • 爬虫 第八讲 移动端数据抓取

    万次阅读 2021-04-29 21:48:02
    爬虫 第八讲 移动端数据抓取 一、移动端环境搭建 (一)、移动端数据简介 1.移动端爬取数据的背景 随机互联网的发展,数据不仅仅只是存在于PC端。移动端的数据在这几年的占比以及势头发展趋势呈现几何倍数的增长。...

    爬虫 第八讲 移动端数据抓取

    一、移动端环境搭建

    (一)、移动端数据简介

    1.移动端爬取数据的背景

    随机互联网的发展,数据不仅仅只是存在于PC端。移动端的数据在这几年的占比以及势头发展趋势呈现几何倍数的增长。对于做数据分析、用户画像、市场调研来说仅仅参考PC端的数据是远远不够的。那么于此同时移动的数据就显得尤为的重要。

    2.获取移动端数据的作用?

    • 数据分析
    • 用户画像
    • 商业竞争
    • 统计系统

    3.UIAutomator的介绍

    UIAutomator是google提供的用来做安卓自动化测试的一个java库

    4.UIAutomator的缺陷

    • 测试脚本只能用Java语言开发
    • 测试脚本要打包成jar包或者apk包上传到设备上才能实现

    5.UIAutomato2的优势

    • UI自动化编写采用Python,学习成本低
    • UI控件识别有专门的工具 weditor
    • 环境搭建简单
    • UI自动化脚本运行稳定

    项目地址https://github.com/openatx/uiautomator2

    6.UIAutomator2的执行流程

    • 在PC端来编写脚本(相当于发送HTTP请求到移动设备的server端)
    • 移动设备通过wifi或usb接收到了PC上发来的HTTP请求,执行定制的操作
    • 在移动设备上安装atx-agent(守护进程),随后atx-agent启动ui2服务(默认7912端口)进行监听

    (二)、adb的简介和u2的基本操作

    1.adb的安装与使用

    Adb又称Android调试桥,用于通过电脑端与模拟器或者是设备之间的交互的一个工具
    Adb client 命令行程序‘adb’用于从shell或脚本中运行adb命令
    Adb server adb server 是运行在PC的的一个后台程序
    Adbd 程序adbd作为一个后台进程在Android设备或模拟器系统中运行

    2.adb有什么作用?

    • 安装卸载apk文件
    • 移动设备和PC之间拷贝文件
    • 查看设备上安装的应用信息
    • 文件管理
    • 按键操作

    3.adb如何使用?

    把adb的bin目录添加到环境变量当中
    在这里插入图片描述

    adb devices 查看链接的移动设备
    adb kill-server 关闭链接的移动设备
    adb install apk文件路径  安装app应用
    adb shell pm list packages 查看应用包名
    adb uninstall 应用包名 卸载应用
    

    4.UIAutomator2快速入门

    python -m uiautomator2 init  初始化移动设备
    

    Uiautomator-server: 就是谷歌原生的 uiautomator

    Atx-agent: uiautomator的守护进程

    minicapminitouch 中2个包是atx-agent增加远程控制功能的依赖

    5.UIAutomator2控制移动设备

    u2.connect_wifi('172.17.100.15')  通过wifi
    u2.connect_usb('127.0.0.1:62025') 通过usb(手机序列号)
    u2.connect_adb_wifi('172.17.100.15:5555') 通过adb wifi
    

    6.UIAutomato2启动手机app

    使用aapt工具进入这个路径输入
    aapt dump badging apk的文件名
    
    找到包名
    d.app_start('包名')
    
    停止
    d.app_stop('包名')
    

    7.UIAutomator2自动化工具基本操作

    d.service('uiautomator').running() uiautomator运行状态
    
    d.service('uiautomator').start() 启动uiautomator
    
    d.service('uiautomator').stop() 停止uiautomator
    
    d.app_install(data='apk地址') 安装app
    
    d.app_current() 获取当前前台app的信息
    
    d.app_stop('包名') 停止当前app
    
    d.app_clear('包名') 清除缓存
    
    d.app_uninstall('包名') 卸载app
    
    d.app_list() 获取所有app的信息
    
    d.app_stop_all() 停止所有app
    
    d.app_uninstall_all() 卸载所有app
    

    (三)、weditor的基本操作

    1.什么是Activity?

    Activity是Android系统中的四大组件之一,可以用于显示View。Activity是一个与用户交互的系统模块

    An activity is a single, focused thing that the user can do. Almost all activities interact with the user, so the Activity class takes care of creating a window for you in which you can place your UI with setContentView(View).

    2.Activity的控件

    • TextView 显示文字
    • EditText 输入框
    • ImageView 显示图片
    • Button 按钮
    • CheckBox 复选框
    • RadioButton 单选按钮

    3.weditor的使用

    安装

    pip install weditor -i https://pypi.douban.com/simple
    在命令行输入 weditor
    

    4.weditor的界面包括

    • 移动设备选择区
    • 控件属性区域
    • 代码展示区
    • 层级关系和结果展示区域

    (四)、UiSelector和控件定位

    定位方式
    1 UiSelector

    代表的是一种搜索标准,可以在当前展示的页面中查询和获取特定的元素的句柄handle

    2 Xpath

    1.Andrid基本布局

    • 线性布局 linearLayout 特点:有2种排列空间的方式 水平 垂直
    • 相对布局 RelativelLayout 特点:以某个元素作为参照物
    • 帧布局 FrameLayout 特点:View都会放到左上角
    • 网格布局 TableLayout 特点:继承了线性布局,使用较少
    • 绝对布局 AbsoluteLayout 特点:按坐标布局,缺点不同分辨率会有影响,几乎不用

    2.控件的属性

    indexint索引0
    instanceint实例5
    classSting类名android.widget.TextView
    packageSting包名com.tl.kaoyan
    checkboolean控件勾选状态false/true
    enable/clickableboolean控件可点击false/true
    focused/focusableboolean焦点false/true
    Scrollableboolean滚动条false/true
    Long-clickableboolean长按false/true
    selectedboolean选择状态false/true

    3.文本定位的方式

    Text 全文本匹配
    textContains 文本包含
    textMatches 正则表达式
    textStartsWith 起始文本

    4.ClassName定位的方式

    className classNmae的值
    classNameMatches 正则表达式匹配 classNmae的值

    5.资源id进行定位

    resourcdId 资源id

    6.混合定位的方式

    文本定位 资源id ClassName等可以配合使用来进行定位

    7.坐标点定位法

    坐标点定位法分为2种方式 一种是通过原始的坐标点来呈现。一种是通过%号的方式来呈现

    8.xpath定位的方式

    d.xpath(‘xpath语句’)

    二、fiddler抓包工具的使用

    (一)、fiddler抓包工具

    1.什么是fiddler?

    Fiddler是一个http协议调试代理工具,它能够记录并检查所有你的电脑和互联网之间的http通讯
    官网 https://www.telerik.com/fiddler

    在这里插入图片描述
    fiddler功能很强大
    • 支持IE、Chrome、FireFox等等浏览器
    • 可以在phone、pad等移动设备进行连接

    2.fiddler的安装

    在这里插入图片描述
    选择安装路径
    在这里插入图片描述
    点击Install
    在这里插入图片描述

    3.SwitchyOmega插件的安装

    https://www.cnblogs.com/nicole-zhang/p/11955881.html

    4.会话列表

    在这里插入图片描述

    在这里插入图片描述
    在这里插入图片描述

    (二)、fiddler 配置移动端数据包

    1.夜神模拟器配置

    在这里插入图片描述

    在这里插入图片描述
    在这里插入图片描述

    在这里插入图片描述

    2.fiddler 配置

    在这里插入图片描述
    (现在打开我们模拟器的浏览器)
    在这里插入图片描述
    在这里插入图片描述
    提示有证书问题,我们来安装证书,点击继续

    在这里插入图片描述
    在这里输入我们的ip地址
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    (点击这个选项)
    在这里插入图片描述
    (如果设置密码的就已经可以了,如果没有设置密码会弹出选项让我们来设置密码)
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    弹出这个吐司证明安装成功了

    展开全文
  • 移动端适配

    2018-09-27 14:43:13
    移动端适配
  • 移动端地址

    2018-04-23 09:18:39
    普通的移动端地址选择,适合移动端常规的三级地址选择
  • miniMobile移动端框架

    2018-05-14 11:50:37
    miniMobile移动端框架miniMobile移动端框架miniMobile移动端框架
  • 移动端组件

    2019-01-07 15:50:50
    基于vue的部分移动端组件,时间组件,搜索组件,弹框提示,滑动删除,登陆查询,下滑加载,等部分移动端vue封装的组件,
  • 移动端专题切图

    2019-04-25 15:47:30
    移动端网站切图新闻移动端网站切图主要用到html5 css3 js等
  • 移动端周历

    2018-09-03 17:01:26
    公司用到移动端的日历,用来做一个课程表,网上搜了没有,就自己写了一个,代码直接可用,简单易懂
  • 移动端开发

    多人点赞 2021-04-22 19:40:31
    移动端开发简介什么是移动端前端开发种类为什么要学习移动端PC端能直接在手机使用嘛基本概念屏幕尺寸分辨率设备像素设备独立像素(css像素)设备像素比(DPR)像素密度(PPI)视口 简介 什么是移动端 移动端主要是指...

    简介

    什么是移动端

    移动端主要是指手机端,也包含部分的平板电脑等客户联网终端设备。
    例如     1.平板       2.手机
    

    前端开发种类

    1.PC端
    2.移动端
    

    为什么要学习移动端

    越来越多的人使用移动端(流量)
    

    PC端能直接在手机使用嘛

    能
    a:响应式
    b:重新敲一份
    

    基本概念

    屏幕尺寸

    指的是屏幕对角线的长度,单位为英寸。
    在这里插入图片描述

    屏幕尺寸=屏幕斜边的像素/PPI
    

    分辨率

    	是指纵横向上的像素点数,单位是px。
    

    设备像素

    又称 物理像素
    	特点:
                a.越来越清晰
                b.一个移动端的设备像素是固定不变的
    

    设备独立像素(css像素)

    设备能放多少px	
    

    设备像素比(DPR)

    DPR = 设备像素/设备独立像素

    像素密度(PPI)

    单位面积上(英寸)像素(设备像素)的数量。它是一个定值,是一个固定的参数。

    PPI=屏幕斜边的像素/屏幕尺寸
    

    在这里插入图片描述

    视口

    视图分类

    layout viewport 布局视口
    visual viewport 可视视口
    
    content ="width = device - width"
    将布局视口的宽度设为可视视口的宽度,这样就保证了不同手机屏幕看到的效果都很舒服
    

    缩放比例

    initial-scale=1.0

    缩放比(initial-scale)=css像素(设备css像素)/viewport宽度(html宽度)
    
    • width: device-width(设备的实际宽度–即设备的 css 像素)。
    • user-scalable: 是否允许用户在设置或者默认的视口宽度上进行页面缩放,值为no或yes,代表不允许与允许。
    • initial-scale: 页面初始缩放值,值为一个数字(可以带小数)。大于 1 表示放大。
    • minimum-scale: 页面最小能够缩放的比例,值为一个数字(可以带小数)。
    • maximum-scale: 页面最大能够缩放的比例,值为一个数字(可以带小数)。
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
    
    

    获取视图宽度

        a.document.documentElement.clientWidth
        b.window.innerWidth
    
        兼容性处理:
        window.innerWidth || document.documentElement.clientWidth
    
    展开全文
  • 移动端的支付页面.使用jquery 移动端tap/touch功能
  • 力软敏捷框架移动端开发环境安装说明,用于搭建力软敏捷框架移动端开发环境
  • AZENUI 移动端UI

    2018-07-24 15:06:25
    AZENUI 移动端UI,AZENUI 移动端UI,AZENUI 移动端UI,AZENUI 移动端UI,AZENUI 移动端UI
  • vue移动端脚手架

    2019-05-07 11:35:05
    基于vue-cli 3.0的架构,自己额外拓展了一些移动端相关的配置,和一些其他的封装,适用于开发移动端web项目的架子。
  • 移动端开发视频

    2019-07-22 22:07:46
    资源名称:移动端开发视频资源目录:移动端实战系列视频教程移动前端开发视频下载学习视频软件必看 资源太大,传百度网盘了,链接在附件中,有需要的同学自取。
  • 移动端starshop.zip

    2021-06-23 21:33:21
    个人分享移动端商城项目
  • 移动端下拉分类.

    2018-03-30 21:47:40
    移动端下拉分类移动端下拉分类移动端下拉分类移动端下拉分类移动端下拉分类移动端下拉分类移动端下拉分类移动端下拉分类移动端下拉分类
  • 一号店_移动端

    2017-04-07 17:59:55
    移动端网站制作
  • 移动端开发.html

    2021-09-07 11:28:50
    移动端开发
  • 移动端图片压缩

    2018-06-12 12:04:26
    移动端开发
  • hui移动端前端框架

    2019-01-25 10:56:31
    hui移动端前端框架;hui移动端前端框架;hui移动端前端框架;
  • 移动端视频播放插件

    2018-03-15 13:33:58
    移动端视频播放插件移动端视频播放插件移动端视频播放插件移动端视频播放插件移动端视频播放插件
  • 移动端时间选择

    2018-12-18 14:44:13
    移动端时间选择
  • 仿京东移动端.zip

    2020-12-26 10:47:56
    仿京东移动端
  • 移动端图片上传压缩

    2018-01-16 16:29:59
    移动端图片上传压缩移动端图片上传压缩移动端图片上传压缩移动端图片上传压缩移动端图片上传压缩
  • 移动端地址选择

    2018-09-24 18:41:08
    移动端地址选择

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 274,806
精华内容 109,922
关键字:

移动端