Mac 下大家都用什么工具開發(fā) HTML5？

開發(fā)html的話，用什么工具啊，vim就可以了吧。bbedit的使用者飄過

創(chuàng)新互聯(lián)公司堅持“要么做到，要么別承諾”的工作理念，服務領域包括：成都網(wǎng)站設計、成都網(wǎng)站制作、企業(yè)官網(wǎng)、英文網(wǎng)站、手機端網(wǎng)站、網(wǎng)站推廣等服務，滿足客戶于互聯(lián)網(wǎng)時代的景寧畬族自治網(wǎng)站設計、移動媒體設計的需求，幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡建設合作伙伴！

mac電腦開發(fā)者實用工具推薦

WeFlow - 一個基于 tmt-workflow 前端工作流的開發(fā)工具。

Koala - 預處理器語言圖形編譯工具，支持 Less、Sass、CoffeeScript、Compass framework 的即時編譯。

CodeKit - 自動編譯 Less、Sass、Stylus、CoffeeScript、Jade Haml等文件。

PaintCode - 將設計轉換成 Objective-C, Swift 或 C# 代碼。

Hosts.prefpane - 編輯 hosts 文件的工具。

iHosts - 唯一上架 Mac App Store 的 /etc/hosts 編輯神器。

Integrity - 輕松找到無效鏈接。

SwitchHosts - 一個管理、切換多個 hosts 方案的工具。

Gas Mask - 編輯 hosts 文件的工具，更簡單方便。

DiffMerge - 可視化的文件比較（也可進行目錄比較）與合并工具。

Gemini - 智能的重復文件查找器。

Hex Fiend - 快速而聰明的開源十六進制編輯器。

BetterRename - 一款強大的批量重命名工具，可以通過搜索功能改名。

PPRows - 計算你寫了多少行代碼。

SCM Breeze - 用于增強與git交互的shell腳本集(用于bash和zsh)。

Beyond Compare - 對比兩個文件夾或者文件，并將差異以顏色標示。

Cacher - 基于云的團隊代碼片段管理器，具有Gist同步，VSCode/Atom/Sublime軟件包和Mac/Windows/Linux/Web客戶端。

Kaleidoscope - 一款很強大的文本文件和圖像比較工具，同時和 git、svn 等版本控制工具能夠完美的結合。

Fanvas - 把 swf 轉為 HTML5 canvas 動畫的系統(tǒng)。

EnvPane - 圖形終端查看環(huán)境變量的應用工具。

Dash - 強大到你無法想象的 API 離線文檔軟件。

SnippetsLab - 管理和組織你的代碼片段。

StarUML - 強大的軟件建模軟件。

Vagrant Manager - 管理你本地服務。

FinderGo Finder 中快速打開終端，定位到目錄

Localname - 提供對本地開發(fā)服務器的訪問權限。

zeplin - 前端與設計協(xié)同工作專用工具。

Go2Shell - 從 Finder 打開命令行。

SecureCRT - 一款支持 SSH、Telnet 等多種協(xié)議的終端仿真程序。

MJML - 簡化設計回應電子郵件的方式。

TeXstudio - 集成創(chuàng)建 LaTeX 文檔的寫作環(huán)境。

Vagrant - 用來構建虛擬開發(fā)環(huán)境的工具。

LaunchRocket - 在 Mac 系統(tǒng)偏好設置中創(chuàng)建服務管理。

Swiftify - Xcode ＆ Finder 擴展 Objective-C 轉 Swift 代碼轉換器

Woodpecker - 在Mac上查看、編輯iOS App的沙盒文件, UserDefaults, Keychain項

如何在移動設備上調(diào)試html5開發(fā)的網(wǎng)頁

1、打開手機web檢查器。

通過【設置】【Safari】【高級】【W(wǎng)eb檢查器】打開。見下圖（點擊查看大圖），并且你會看到該選項下面對電腦操作的相應描述，照做就好。

2、鏈接電腦（Mac）

2.1 先在手機Safari中打開你想調(diào)試的網(wǎng)頁，并用數(shù)據(jù)線連接到電腦（我這里是Mac）

2.2 再在電腦上打開Safari點擊【Develop】菜單，就會看到如下圖所示（點擊查看大圖）：

2.3 點擊2.2中的網(wǎng)站名就會在電腦上打開Safari的控制臺，如下圖（點擊查看大圖）：

3.調(diào)試網(wǎng)頁

此時你可以查看手機網(wǎng)頁的DOM結構，并且和電腦端網(wǎng)頁調(diào)試無異，當鼠標滑過這些DOM節(jié)點的時候手機上的相應布局也會高亮起來，如下圖（點擊查看大圖）：

Macbook用網(wǎng)頁看視頻怎么用html5

使用文本編輯編輯html5，然后用Mac自帶瀏覽器運行html5，Mac電腦自帶方便快捷，缺點是復雜的html5布局會混亂。

復雜的html5可以在Mac上下載專門的web工具，下載相應的軟件進行html5開發(fā)，如VSCode以.html結尾的文件可以使用文本編輯打開，也可以使用Mac自帶瀏覽器直接打開

MAC上的軟件hype做出的html5網(wǎng)頁能嵌到網(wǎng)頁里嗎？

可以的

導出時Hype 將創(chuàng)建一個完全獨立的目錄，其中包含內(nèi)容的所有資源和 JavaScript。將該目

錄上傳到您的Web服務器，將三行 HTML 復制并粘貼到您現(xiàn)有的 Web頁面中，就可以了。

Hype 還支持導出到 MP4 Video、Animated GIF和iBooks Author來創(chuàng)建交互式教科書。