Chrome即时显示代码效果

2016-03-31 18:34 7 1 收藏

下面图老师小编跟大家分享Chrome即时显示代码效果,一起来学习下过程究竟如何进行吧!喜欢就赶紧收藏起来哦~

【 tulaoshi.com - 浏览器 】

Chrome即时显示代码效果

  写代码不像写博客,一边写就能一边看到效果,而且代码的容错率极低,哪怕只错了一个字母,整段甚至整篇就有可能全都无法正确运行。正常情况下,程序员们写完代码以后需要通过编译、生成等步骤才能看到效果。在Code Editor中,这个常规被打破了,因此它可以帮助程序员即时显示代码效果。

  在Chrome浏览器中打开Chrome Experiments,并在搜索框中输入Code Editor即可找到这个网页应用。

Chrome即时显示代码效果 图老师

  搜索Code Editor应用

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/liulanqijianrong/)

  点击Launch Experiment进入Code Editor,可以看到一段示例代码,以及这段代码所实现的效果:一个滚动的多边球体。

  即时预览代码效果

  代码是可以编辑的,比如我们调整其中的一个参数,就可以将球形变大或缩小,即时生效。

  即时预览修改后的代码效果

  利用这个工具,程序员们在编写代码时就能提高不少效率了。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/liulanqijianrong/)

  Chrome Experiments中目前已经有500多个实例了,而且Google还在不断为其增加更多应用,并鼓励开发者提交他们的JavaScript应用程序,供大家使用和交流。

来源:http://www.tulaoshi.com/n/20160331/2058311.html

延伸阅读
标签: Web开发
td { font-family: "宋体"; font-size:9pt} '先判断是否指定了一个年份和月份,没有则根据当前的年和月份显示 If Request("ReqDate")="" then CurrentDate=Date else CurrentDate=Trim(Request("ReqDate")) end if pyear=year(CurrentDate) pmonth=month(CurrentDate) '以下的代码生成日历显示的表格头内容%> '"> 年 月 >"...
标签: Web开发
显示页面的所有链接 连接1 连接1 连接1 连接1 连接1 连接1 连接1 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
标签: Web开发
斑马线                                                                                 &n...
标签: Web开发
dwr.jsp script src="dwr/interface/JUserChec.js"/script script src="dwr/engine.js"/script script src="dwr/util.js"/script script type="text/javascript" function changeQx(p) { var val = p.value; //alert(val); JUserChec.jiLian(val, haschange); } function haschange(changeVal) { //alert(changeVal); var jd = ...
标签: 电脑入门
今天我遇到一个win7任务栏chrome图标显示异常的问题现与大家分享下处理办法: 关闭chrome,并解锁任务栏图标 将下列内容保存成 xxx.bat文件 taskkill /im explorer.exe /f cd /d %userprofile%appdatalocal del iconcache.db /a start explorer.exe exit

经验教程

187

收藏

41
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部