打開瀏覽器就能做網(wǎng)頁，聽起來像十年前的Dreamweaver，但HeyHTML確實(shí)把這件事做得更輕量了。拖拽、點(diǎn)擊、調(diào)位置，全程不用碰代碼——這是它最核心的賣點(diǎn)。

界面分成三塊：頂部固定控制欄、下方工具欄、中間編輯區(qū)?？刂茩诠苋植僮?，工具欄按功能分組，中間就是你要改的頁面本身。第一次用可能會(huì)覺得按鈕有點(diǎn)密，但邏輯并不復(fù)雜。

編輯模式需要手動(dòng)開啟。點(diǎn)控制欄的Edit按鈕，頁面會(huì)切換狀態(tài)：右上角出現(xiàn)"Editing"標(biāo)簽，工具欄展開，編輯區(qū)亮起。再點(diǎn)一次退出，恢復(fù)正常瀏覽。這個(gè)設(shè)計(jì)的好處是隨時(shí)能預(yù)覽最終效果，不用另開窗口。

選元素有兩種方式。鼠標(biāo)懸停時(shí)會(huì)出現(xiàn)紫色虛線框，點(diǎn)擊選中變實(shí)線。如果點(diǎn)不準(zhǔn)——比如元素嵌套層級(jí)太多——可以按住鼠標(biāo)輕微拖拽，或者雙擊進(jìn)入文字編輯模式。按Esc鍵能逐層向上選父元素，從一段文字跳到它所在的段落、容器、區(qū)塊，直到最外層。

拖拽移動(dòng)時(shí)，HeyHTML會(huì)實(shí)時(shí)計(jì)算對(duì)齊關(guān)系?？拷渌鼗蝽撁孢吘墪r(shí)，會(huì)出現(xiàn)綠色輔助線，顯示等寬、等高、居中等匹配狀態(tài)。這對(duì)強(qiáng)迫癥友好，不用肉眼對(duì)像素。方向鍵可以微調(diào)位置，每次1像素；按住Shift再按，一次跳10像素。

選中元素后，邊框會(huì)出現(xiàn)8個(gè)靛藍(lán)色控制點(diǎn)。拖四角是等比例縮放，拖邊是單方向拉伸。所有調(diào)整都會(huì)進(jìn)撤銷歷史，誤操作能回退。文字內(nèi)容直接雙擊改，選中后可以用工具欄按鈕或快捷鍵加粗、改色、調(diào)字號(hào)。

工具欄的按鈕默認(rèn)是灰的，只有選中元素后才激活。例外是幾個(gè)全局功能：插入新元素、頁面排序、圖表字體、撤銷重做。這個(gè)細(xì)節(jié)能減少誤觸，但也意味著你得先點(diǎn)中東西，才能看到它能做什么。

整體用下來，HeyHTML的定位很清晰：不是給專業(yè)前端用的，而是讓不懂代碼的人快速搭出能看的頁面。導(dǎo)入HTML文件偶爾會(huì)白屏幾秒，取決于文件復(fù)雜度，等加載完就能直接改。對(duì)于臨時(shí)要做個(gè)活動(dòng)頁、產(chǎn)品說明頁的場(chǎng)景，它省掉了寫代碼和部署的麻煩。