龙空技术网

前端!总结我是怎么调试页面的

哎吆喂网络前端 281

前言:

而今小伙伴们对“前端页面如何调试”大概比较关心,我们都需要学习一些“前端页面如何调试”的相关知识。那么小编在网上网罗了一些关于“前端页面如何调试””的相关文章,希望我们能喜欢,你们一起来了解一下吧!

大家好,我是小七,关注我一起学IT。

第一:移动端页面。

我一般都用谷歌浏览器,做移动端的页面的时候注意几点:

小七前端

第一:最好是从小设备开始依次做到大设备。比如iphone5开始做,在调试iphone6-iphone6plus,因为如果从大的开始做,在小的屏幕上会出现掉块儿的情况,但从小的开始做就不会遇到这种情况。

真机测试:真机测试的话可以搭建一个环境:我一般常用phpstudy,安装好简单配置一下

我电脑重装系统,因为时间原因就不上图啦 简单和大家说下方法。

下载完成之后,把你做的文件放在phpstudy里面的www文件下面,然后手机连上无线网,必须保证在同一个网段,然后写入本机的ip地址,cmd输入ipconfig 可以查看到IP,然后会出现你WWW文件夹里面的东西依次点开。

小七前端

第二:响应式页面。

响应式页面反之,我是从大到小开始做的,因为你每做一个分辨率 缩小浏览器后会看到哪里掉块,然后直接就可以该那块儿比较方便,

第三:能公用的地方最好是抽离出来,以后改的话一起改也比较方便。把一些常用的效果自己封装成一个函数,哪里用的时候可以直接调用。

第四:一些比较好的插件可以自己存到自己的网盘,写的调用方法也可以存起来,方便以后人如果再用的话还得熟悉。

第五:遇到不会的就问,没有什么不好意思的,可能问一句话就可以解决的东西,自己得研究一俩天。学什么东西一定要去官网细细的学,一个产品连自己官网的东西都讲不清楚,还有哪会更清楚的。

第六:最终极的一个办法,你找小七,小七和你一起想。

小七前端

标签: #前端页面如何调试