广告合作
  • 今日头条

    今日头条

  • 百度一下

    百度一下,你就知道

  • 新浪网

    新浪网 - 提供新闻线索,重大新闻爆料

  • 搜狐

    搜狐

  • 豆瓣

    豆瓣

  • 百度贴吧

    百度贴吧——全球领先的中文社区

  • 首页 尚未审核订阅工具 订阅

    WebStorm的页面怎样在浏览器中预览效果

    来源:网络收集  点击:  时间:2024-04-08
    【导读】:
    最近一直使用WebStorm编辑器来编辑页面,有好多东西需要学习,其中一个就是怎样将我们的HTML页面在浏览器中预览,一般来说有两种方法,小渔这就介绍给大家。方法/步骤1/7分步阅读

    首先,我们打开自己的WebStrom软件,打开项目,找到任意一个.html的文件。

    2/7

    我们选中某个html文件,然后右击,在弹出的菜单中有一项是“run ***.html”,

    3/7

    点击之后,我们电脑上默认的浏览器就会自动打开这个页面,并且该页面有配置好的服务器。

    4/7

    刚才提示“run ***.html”的文字后面括号内有(Ctrl+Shift+F10),这个是快捷键,我们可以在选中html文件后,同时按住键盘上的这三个键来在浏览器中打开页面。

    5/7

    以上都是没有编辑html文件,只是在目录中时的操作,当我们在WebStorm中打开了html文件后,还有另一种快捷操作方式。

    6/7

    WebStorm软件的右上角有一个显示当前文件名称的部分,后面紧挨着的一个绿色三角形,点击绿色三角就可以在浏览器中显示页面,或者按下提示的Shift+F10快捷键。

    7/7

    还有一个更直观的方法,我们将鼠标悬停到文件编辑区域的右上角,会浮现出几个主流浏览器的图标,有些我们电脑上并没有安装,只要随意点击电脑上已经安装的浏览器,就会在相应的浏览器中展现相应的html页面。

    注意事项

    小渔个人原创,希望可以帮到大家。

    本文关键词:

    版权声明:

    1、本文系转载,版权归原作者所有,旨在传递信息,不代表看本站的观点和立场。

    2、本站仅提供信息发布平台,不承担相关法律责任。

    3、若侵犯您的版权或隐私,请联系本站管理员删除。

    4、文章链接:http://www.1haoku.cn/art_472209.html

    相关资讯

    ©2019-2020 http://www.1haoku.cn/ 国ICP备20009186号05-05 02:35:54  耗时:0.024
    0.0238s