×

移动端网页开发

移动端网页开发(如何调试移动端的前端开发)

admin admin 发表于2023-05-29 16:52:41 浏览38 评论0

抢沙发发表评论

本文目录

如何调试移动端的前端开发

谢谢邀请!

作为一名前端,小生70%的工作都是在做移动端的开发,在移动端上开发web应用是不能借助强大的chrome debug工具的,没有控制台,不能打断点,跟不了代码逻辑,还看不见dom树,调试起来比较困难,下面我来谈谈我的调试经验!

1、alert

虽然用不了

console.log

,但是alert还是可以用的,会在手机上弹出一个框,至少可以打印一些字符串和数字,如果需要打印对象,要不对象序列化一下!用它可以判断我们的代码有没有更新,代码有没有走到指定的逻辑以及输出是不是想要的值!

2、background

背景色在调试css样式时比较好用,比如我们有时会遇到布局不符合预期的情况,但是不清楚是哪个dom节点导致的,可以给dom节点加背景色,每个dom节点所占的区域一目了然,进而判断哪个节点的样式出了问题!

3、二分删除法

当你在调试一个非常复杂的页面时,你很难快速确定问题所在,特别是你突然被抓去调试一个陌生的页面!怎么办?我的杀手锏就是删代码,以每次删除一半(具体删除多少自己决定),删完至少保证语法没问题!看看需要解决的问题还在不在,如果还存在,就继续删,如果不存在了,那问题就在自己刚刚删除的代码片段里面,继续缩小范围!还有一个场景,就是如果你的代码依赖别人的代码,出了问题,你可以用此招快速定位是不是自己的问题,如果不是赶紧甩锅!

4、Fiddler/Charles

window上用Fiddler,mac上用Charles,都可以用来代理本地文件!修改了本地的代码,就可以代理到自己的手机上!上面的三个方法可以基于代理来使用!5、safari开发者工具

打开苹果手机的web inspector,在mac上打开safari,菜单栏中显示“开发”菜单。用iphone usb插线连接mac,在safari中访问页面,在mac的菜单栏里面就可以找到对应的手机页面,点开会出来一个safari的控制台,长得几乎和chrome控制台一样,然后就可以方便的调试!缺点:必须要有mac,而且只能苹果safari,局限性比较大!

6、vconsole

想过自己开发一款移动端控制台吗?腾讯的前端就开发了一款移动端调试模块!

https://github.com/Tencent/vConsole

,umd规范,直接放在自己的代码就行,小伙伴们自己去试一试吧!

7、集思广益

大家有什么好点子,可以写在评论里,大家一起分享一下!

喜欢我的回答就点赞关注我吧,有问题可以发表评论,我们一起学习,共同成长!

移动端网站设计开发中如何提高用户转化率

手机已经成为人们生活中必不可少设备之一,同时也给人们带来了便利。随着互联网的快速发展,移动端网站也变得越来越重要,很多人现在都用手机来搜索想要的信息。那么,如何优化移动端网站呢?

1、TDK

移动端网站和PC端网站显示的大小是不同的,所以TDK显示也是不同的,想要提升移动端网站在搜索引擎的排名,必须要调整好移动端网站TDK。

2、整体结构

移动端网站整体结构必须清晰明了,所有脉络、关键词、链接都必须合理分布,这样才有利于网站优化。

3、导航优化

网站导航的重要性不言而喻,一个良好的导航不仅可以提升用户体验,同时还能增加搜索引擎的友好性。移动端网站导航最好采用扁平树状结构,这样可以让可以缩短文章页到首页的距离。导航最好采用HTML链接来制作,不要使用FLASH和图片链接,因为不利于搜索引擎的抓取。

4、内容优化

想要做好移动端网站优化,高质量内容是必不可少的,高质量内容不仅可以吸引蜘蛛爬虫的抓取,同时还能增加用户体验。移动端网站的内容要简洁明了,突出主题,这样才会吸引用户长时间的停留在网站中,从而产生转化率。

5、站内链接

网站内部链接不要太长,文章链接也不要太深,要不然不利于蜘蛛爬虫的抓取。在站内链接中,较短的URL比较长的URL的点击率要高很多,所以,要尽可能的缩短URL,并且为了统一,尽量都选择小写。

6、减少弹窗

想要提高用户体验,网站最好不要出现弹窗,因为弹窗会影响到用户的点击,从而影响用户浏览网站的时间。

其实,移动端网站最注重的就是用户体验,同时网站必须要满足用户的需求,这样的网站才是一个优秀的移动端网站。

2020了,前端,移动开发,后端,我该选哪个

首先跟你普及一下他们之间的技术交叉:

1.前端有移动端前端,web前端,客户端前端等,以下以常规的移动端前端和web前端举例

2.移动端前端例如安卓手机app,ios 的app这种类似的概念应用可称为前端(当然app也有嵌入web前端的),移动端web手机网页,电脑网页也是前端

3.前端技术,不少都会嵌入web,可以理解为网页,做了一定布局使这个网页可以适应手机浏览(就像你看某些网页和电脑网页不一样),他们之间都使用了html。从这一点看,你做前端学习html一类全家桶是没什么问题,你说的移动开发可分为安卓苹果平板之类的app以及移动端网页

4.后端可以简单的理解为网页需要的数据。现在小厂大多数,后端人员也需要会前端

所以怎么选择看你自己,移动端,前端都可以,或者全栈也行,个人推荐前端,因为压力不是很大,做了后端如果在小厂,可能说不准,运维,前后端都是你一个人做。加油