闽南网]

使用Axure RP绘制网页原型图，如果想要查看页面源代码，该用什么方法呢?很简单，我们可以通过两种方法来查看Axure页面代码，具体操作如下。

怎么查看Axure RP软件的页面源代码?

方法一

打开Axure RP软件，新建一些元件，点击菜单栏的【发布】——【预览】功能，

在浏览器中打开开发者工具，或者直接按F12快捷键，

在这里可以看到页面的代码，如图，

方法二

打开Axure RP软件，点击菜单栏的【发布】——【生成html文件】，快捷键是F8，

选择一个文件夹，因为生成的文件较多，如图，

可以在生成的文件中找到代码文件，如图，

总结：查看Axure RP页面代码的方法有两种，一是使用浏览器开发者工具，二是导出html5页面文件。

件特色

网页代码编辑器是集html代码编辑、css代码编辑和js代码编辑为一体的网页代码编辑软件，此软件分为代码编辑区和结果显示区，用户可以在一边编写代码的情况下一边查看结果，无需手动运行浏览器查看结果。该软件操作方便，适合刚入门的网页设计学习者。

使用说明

1.在本站下载网页代码编辑器最新版软件包

2.解压网页代码编辑器软件，运行文件

3.双击打开,进入网页代码编辑器软件界面

4. 此软件为绿色版，无需安装即可使用

更新内容

1、增加了代码高亮显示功能

2、增加了代码行数显示功能

3、增加了代码折叠功能

4、增加了网页代码中图片保存功能，用户可以一次性把代码中的图片保存到文件夹中

提示：本软件运行在微软.net framework 平台上，如出现软件不能运行的用户可百度搜索“.Net 4.0”下载微软.Net运行框架，如不想安装.Net平台的用户可继续使用网页代码编辑器2.5版本

来源：http://www.3h3.com/soft/250963.html

于一些前端的样式和js效果，我们非常希望可以将这些代码片段保存起来，然后分享给那些想要使用这些样式特效的人，庆幸的是，网络上已经有很多这样的网站了，今天我们就来盘点一下这些非常好用的网站。

jsfiddle

诞生比较早的一个代码片段网站，它集成了主流的js框架，你可以轻松地在需要使用的时候引入它们，同时它也支持引入外部css链接，通过将html，css,js代码片段分离，让用户有了非常清楚的代码结构，非常方便代码地调试。

它支持登录功能，登录以后，你可以将自己的代码片段进行保存和分享。

JSRUN

一个支持多种编程语言的代码运行网站，你可以保存自己的代码，你可以运行各个常用的编程语言代码，缺点是有时候需要输入验证码，有些功能需要升级vip才能使用。

codepen

和jsfiddle很类似，也是专业的网页编辑器，可以引入js,css,对于html,js,css分为三个窗口进行管理，登录之后可以保存代码片段和分享代码片段。即使不登录，也可以使用它进行临时的代码编辑和测试。

jsbin

也是一款在线代码编辑网站，也是可以编辑html和css，js代码片段，可以引入第三方库，可以引入第三方css，可以查看控制台的输出。

它可以保存截图，可以生成模板，同样也支持代码打包下载。

cssdeck

它提供了很多优秀的代码案例，如果你没有思路或者仅仅只是想欣赏下他人的优秀代码，你可以来这里找到你想要的，类似于jsfiddle,它也是支持html，js，css代码编辑的，它的展示页面看起来很大，非常方便查看。

它的html支持markdown和slime进行处理，它的js支持coffeescript,它的css支持sass,scss,less等。

dabblet

它主要支持的是css代码块的测试，它目前不支持js，它的代码编辑块字体可以非常方便地进行调整。

总结

网上有很多类似的代码编辑网站，如果你感兴趣的话，你也可以去github上查看Plunker等项目开源代码进行分析研究，自行搭建属于自己的代码片段编辑网站。