前端指的是html网页前端，在做网页系统的时候，前端开发工程师，主要负责页面的呈现，这个时候，他们会做一些静态模拟页面，那么，前端开发有哪些实用技巧呢？
工具/原料
任一浏览器
方法/步骤
1
既然是html前端页面，那么就离不开浏览器，即使是在手机端访问的H5页面，在开发的过程中，也需要在浏览器中运行，看效果。本文以chrome浏览器为例，先总劣扯打开它，开启哨颂一个空白标签页
2
在浏览器中，按F12，就可以进入开发者模式，在这里就可以对网页做很多的操胳信作，只不过，这些操作都仅仅只是修改本地展示的页面，并不会更改到服务器上去
3
在开发者模式中，注意观察左上角，有一个箭头的图标，点击这个图标后，再将鼠标移到页面的任何位置，点一下，就能查看此处的html源码
4
在上一步找到的html源码中，点击鼠标右键，选择【Edit as html】选项，就可以修改这个区域的html源码，并且及时的在页面上显示出来，平时在调整页面的时候，经常使用
6
除了上面直接操作html标签之外，在选中html内容之后，右侧还可以修改它的样式，也就是页面显示的效果，比如，间距、大小、颜色等等
7
另外，在浏览器控制台的左上角，还有一个类似手机的图标，点击这个之后，页面会变成手机浏览模式，对于开发手机端访问的页面时，非常实用。更重要的是，在页面顶部还能选择不同手机型号，查看页面效果