pc网站开发时,一边敲代码,同时直接看到效果的操作

pc网站开发时,一边敲代码,同时直接看到效果的操作

老师提到,开发移动端时可以

打开html文件 F12启动devtool,然后点手机图标调节窗口大小,把效果图放在左边,代码编辑页面放在右边以达到可以一边敲代码,同时直接看到效果。布局如下图http://img1.sycdn.imooc.com//climg/5f0e6af50936ee8509290524.jpg

那pc端开发时,如何操作可以达到在敲代码的同时直接看到效果

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

2回答
好帮手慕久久 2020-07-15 11:26:53

同学你好,可以这样做,也可行。只是个人觉得,pc端页面,调成手机端后,页面会变小,页面细节可能看不清。同学可以尝试这样做,因为每个人的开发习惯是不同的。

祝学习愉快!

好帮手慕久久 2020-07-15 10:59:15

同学你好,在pc端也可以使用移动端的调试工具Browsersync,即把编辑器放到页面上,边编辑,边看效果,如下:

http://img1.sycdn.imooc.com//climg/5f0e70c4092960a307440468.jpg

但是由于pc端的页面比较大,所以这种方式感觉使用起来并不方便,因为编辑器会遮挡住大部分页面。所以一般情况下,在pc端,不会使用这种调试工具,直接在编辑器上书写代码,然后切到浏览器,预览就行了。

祝学习愉快!

  • 提问者 慕运维5475419 #1
    pc端按移动端的操作-把页面调成手机端页面大小来预览效果可行吗 比如-打开html文件 F12启动devtool,然后点手机图标调节窗口大小,把效果图放在左边,代码编辑页面放在右边以达到可以一边敲代码,同时直接看到效果
    2020-07-15 11:04:07
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
3.WebAPP开发与小程序
  • 参与学习           人
  • 提交作业       622    份
  • 解答问题       6815    个

微信带火了小程序,也让前端工程师有了更多的展现机会,本阶段带你从移动基础知识的学习到webAPP开发,及小程序开发,让你PC端与移动端两端通吃。

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师