閩南網(wǎng)]

使用Axure RP繪制網(wǎng)頁原型圖，如果想要查看頁面源代碼，該用什么方法呢?很簡單，我們可以通過兩種方法來查看Axure頁面代碼，具體操作如下。

怎么查看Axure RP軟件的頁面源代碼?

方法一

打開Axure RP軟件，新建一些元件，點擊菜單欄的【發(fā)布】——【預(yù)覽】功能，

在瀏覽器中打開開發(fā)者工具，或者直接按F12快捷鍵，

在這里可以看到頁面的代碼，如圖，

方法二

打開Axure RP軟件，點擊菜單欄的【發(fā)布】——【生成html文件】，快捷鍵是F8，

選擇一個文件夾，因為生成的文件較多，如圖，

可以在生成的文件中找到代碼文件，如圖，

總結(jié)：查看Axure RP頁面代碼的方法有兩種，一是使用瀏覽器開發(fā)者工具，二是導(dǎo)出html5頁面文件。

件特色

網(wǎng)頁代碼編輯器是集html代碼編輯、css代碼編輯和js代碼編輯為一體的網(wǎng)頁代碼編輯軟件，此軟件分為代碼編輯區(qū)和結(jié)果顯示區(qū)，用戶可以在一邊編寫代碼的情況下一邊查看結(jié)果，無需手動運行瀏覽器查看結(jié)果。該軟件操作方便，適合剛?cè)腴T的網(wǎng)頁設(shè)計學(xué)習(xí)者。

使用說明

1.在本站下載網(wǎng)頁代碼編輯器最新版軟件包

2.解壓網(wǎng)頁代碼編輯器軟件，運行文件

3.雙擊打開,進(jìn)入網(wǎng)頁代碼編輯器軟件界面

4. 此軟件為綠色版，無需安裝即可使用

更新內(nèi)容

1、增加了代碼高亮顯示功能

2、增加了代碼行數(shù)顯示功能

3、增加了代碼折疊功能

4、增加了網(wǎng)頁代碼中圖片保存功能，用戶可以一次性把代碼中的圖片保存到文件夾中

提示：本軟件運行在微軟.net framework 平臺上，如出現(xiàn)軟件不能運行的用戶可百度搜索“.Net 4.0”下載微軟.Net運行框架，如不想安裝.Net平臺的用戶可繼續(xù)使用網(wǎng)頁代碼編輯器2.5版本

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

于一些前端的樣式和js效果，我們非常希望可以將這些代碼片段保存起來，然后分享給那些想要使用這些樣式特效的人，慶幸的是，網(wǎng)絡(luò)上已經(jīng)有很多這樣的網(wǎng)站了，今天我們就來盤點一下這些非常好用的網(wǎng)站。

jsfiddle

誕生比較早的一個代碼片段網(wǎng)站，它集成了主流的js框架，你可以輕松地在需要使用的時候引入它們，同時它也支持引入外部css鏈接，通過將html，css,js代碼片段分離，讓用戶有了非常清楚的代碼結(jié)構(gòu)，非常方便代碼地調(diào)試。

它支持登錄功能，登錄以后，你可以將自己的代碼片段進(jìn)行保存和分享。

JSRUN

一個支持多種編程語言的代碼運行網(wǎng)站，你可以保存自己的代碼，你可以運行各個常用的編程語言代碼，缺點是有時候需要輸入驗證碼，有些功能需要升級vip才能使用。

codepen

和jsfiddle很類似，也是專業(yè)的網(wǎng)頁編輯器，可以引入js,css,對于html,js,css分為三個窗口進(jìn)行管理，登錄之后可以保存代碼片段和分享代碼片段。即使不登錄，也可以使用它進(jìn)行臨時的代碼編輯和測試。

jsbin

也是一款在線代碼編輯網(wǎng)站，也是可以編輯html和css，js代碼片段，可以引入第三方庫，可以引入第三方css，可以查看控制臺的輸出。

它可以保存截圖，可以生成模板，同樣也支持代碼打包下載。

cssdeck

它提供了很多優(yōu)秀的代碼案例，如果你沒有思路或者僅僅只是想欣賞下他人的優(yōu)秀代碼，你可以來這里找到你想要的，類似于jsfiddle,它也是支持html，js，css代碼編輯的，它的展示頁面看起來很大，非常方便查看。

它的html支持markdown和slime進(jìn)行處理，它的js支持coffeescript,它的css支持sass,scss,less等。

dabblet

它主要支持的是css代碼塊的測試，它目前不支持js，它的代碼編輯塊字體可以非常方便地進(jìn)行調(diào)整。

總結(jié)

網(wǎng)上有很多類似的代碼編輯網(wǎng)站，如果你感興趣的話，你也可以去github上查看Plunker等項目開源代碼進(jìn)行分析研究，自行搭建屬于自己的代碼片段編輯網(wǎng)站。