移动前端开发和web前端开发有什么区别?

JavaScript08

移动前端开发和web前端开发有什么区别?,第1张

移动前端开发和web前端开发具体区别如下。学习前端开发,推荐千锋教育,一群草根奉献着自己的青春年华,为创造一个有真正社会价值的职业教育机构“千锋教育”而奋力拼搏。

web前端开发主要指传统的PC端网页开发,页面主要是运行在PC端浏览器中,移动前端开发出来的页面主要是运行在手机上;直观上会感觉,PC端页面大一些,移动端页面小一些,但是根据开发经验,页面大可并不代表书写的代码复杂,页面小也并不意味着开发简单,难与易主要还是取决于具体的业务需求。由于在移动端主要以webkit内核为主,对于HTML5等新技术支持的更好,所以可以更大范围的使用新技术而PC端开发由于很多场景下要求兼容IE等老版本浏览器,出于浏览器兼容性的考虑,有些情况下限制了新技术的使用。

想要了解更多有关于前端开发的相关信息,推荐咨询千锋教育。千锋教育面授课程包括:HTML5大前端培训、Java+分布式开发培训、Python人工智能+数据分析培训、全领域实战UI/UE设计设计培训、云计算培训、全栈软件测试培训、大数据+人工智能培训、智能物联网+嵌入式培训、Unity游戏开发培训、网络安全培训、区块链培训、影视剪辑包装培训、游戏原画培训、全媒体运营培训等,实力强大,欢迎咨询。

    //判断移动端

    function browserRedirect() {

        var sUserAgent = navigator.userAgent.toLowerCase()

        var bIsIpad = sUserAgent.match(/ipad/i) == "ipad"

        var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os"

        var bIsMidp = sUserAgent.match(/midp/i) == "midp"

        var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4"

        var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb"

        var bIsAndroid = sUserAgent.match(/android/i) == "android"

        var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce"

        var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile"

        if (!(bIsIpad || bIsMidp || bIsIphoneOs || bIsUc7  || bIsUc || bIsAndroid || bIsCE || bIsWM) ){

            //window.location.href=URL

        }else {

            //window.location.href=URL

        }

    }

    browserRedirect()

摘自:http://blog.sina.com.cn/s/blog_6d3f840a0101jqgk.html

记录生活的瞬间,分享学习的心得,感悟生活,留住感动,( www.jensonhui.com )

用途:滑动web页面

参数说明

x:屏幕向右移动的距离

y:屏幕向下移动的距离

用途:以下方法可以删除元素的任何属性,主要用来移除时间控件的readonly属性

参数说明

css::css表达式

index:索引值,默认0,标识第一个元素

attribute:元素的某个属性,比如readonly,value,name等

用途:方便用户查看当前操作的是哪个页面元素,也方便测试人员定位问题

参数说明

css:css表达式

index:索引值,默认0,标识第一个元素

用途:由于web自动化的最大问题就是稳定性比较差,有些时候使用selenium无法点击元素,因此我们可以使用JS实现元素的点击操作

参数说明

css:css表达式

index:索引值,默认0,标识第一个元素

用途:用来清除输入框的内容

参数说明

css:css表达式

index:索引值,默认0,标识第一个元素

用途:输入框中输入内容

参数说明

css:css表达式

value:待输入的数据

index:索引值,默认0,标识第一个元素

以上所有的JS操作,还可以结合selenium中的WebElement按照以下方式实现,因为JS中查找元素的方法有限,比如xpath定位,在js中不存在

如滚动页面

参数说明

element:通过selenium中的定位方法查找到的WebElement元素对象

arguments[0]:代表execute_script()方法的第二个参数

我们简单的写个测试脚本来测试一下以上JS脚本是否能够顺利执行

js_element.py

test_js.py