首页 > 软件开发 > JavaScript >

如何在浏览器上编写HTML CSS JS 前端代码

来源:互联网 2023-03-16 23:57:09 版权归原作者所有,如有侵权,请联系我们

如果只是为了学习或者验证某个js特性,可以随意在浏览器打开一个页面,使用控制台编写。HXi办公区 - 实用经验教程分享!

如果学习html或者css,就需要准备一个html文件了,还得写繁琐的HXi办公区 - 实用经验教程分享!

!DOCTYPEHXi办公区 - 实用经验教程分享!

html>HXi办公区 - 实用经验教程分享!

head>HXi办公区 - 实用经验教程分享!

等。HXi办公区 - 实用经验教程分享!

如果是html5还好,反正html4我是从来都记不住这个DOCTYPE。HXi办公区 - 实用经验教程分享!

现在可以使用在线编辑html css 和javascript的平台,快速学习或编写前端代码,值得尝试。HXi办公区 - 实用经验教程分享!

JSFiddle

  • 1

    JSFiddle可能是全球范围内此类网站最流行的HXi办公区 - 实用经验教程分享!

    如何在浏览器上编写HTML CSS JS 前端代码?HXi办公区 - 实用经验教程分享!

  • 2

    可以编写html,css与javascript代码,具有运行,分享和整理格式的功能。HXi办公区 - 实用经验教程分享!

    分享很方便,不需要注册账号,点一下save就生成地址了。HXi办公区 - 实用经验教程分享!

    例如我刚刚生成的jsfiddle.net/om0wpdpq/HXi办公区 - 实用经验教程分享!

    如何在浏览器上编写HTML CSS JS 前端代码?HXi办公区 - 实用经验教程分享!

  • 3

    可惜它是外国网站,在国内打开速度太慢,还有很多国外的在线编辑前端代码的网站也都有这样的问题,不一一介绍了HXi办公区 - 实用经验教程分享!

    如何在浏览器上编写HTML CSS JS 前端代码?HXi办公区 - 实用经验教程分享!

  • 3此文章未经许可获取自百度经验
  • RunJS

  • 1

    界面同样很干净,全中文的界面HXi办公区 - 实用经验教程分享!

    如何在浏览器上编写HTML CSS JS 前端代码?HXi办公区 - 实用经验教程分享!

  • 2

    但是有个缺点是动不动就把你的界面刷新,导致刚才编写的代码丢失。比如登陆,分享,退出登陆,全部刷新界面,这点很不人性化。HXi办公区 - 实用经验教程分享!

    如何在浏览器上编写HTML CSS JS 前端代码?HXi办公区 - 实用经验教程分享!

  • jsrun

  • 1

    界面风格和JSFiddle很像HXi办公区 - 实用经验教程分享!

    如何在浏览器上编写HTML CSS JS 前端代码?HXi办公区 - 实用经验教程分享!

  • 2

    页面加载速度很快HXi办公区 - 实用经验教程分享!

    如何在浏览器上编写HTML CSS JS 前端代码?HXi办公区 - 实用经验教程分享!

  • 3

    还有智能提示HXi办公区 - 实用经验教程分享!

    如何在浏览器上编写HTML CSS JS 前端代码?HXi办公区 - 实用经验教程分享!

    如何在浏览器上编写HTML CSS JS 前端代码?HXi办公区 - 实用经验教程分享!

  • 4

    但是也有一些网络问题,比如今天我点击home和user center页面打不开。HXi办公区 - 实用经验教程分享!

    如何在浏览器上编写HTML CSS JS 前端代码?HXi办公区 - 实用经验教程分享!

  • 总结

  • 1

    此类网站大部分都能完成基本的编写代码,运行查看效果的功能,但是很多国外网站有网络问题。要论好用,我觉得jsrun最好用。HXi办公区 - 实用经验教程分享!

  • 以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!HXi办公区 - 实用经验教程分享!


    标签: CSSHTMLJAVASCRIPT

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号