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