SURL WebGuide 使用教學

https://webguide.surl.tw/app

步驟 1

確認工具表單

在工具頁左側填入教學標題、目標網址、截圖尺寸與流程步驟。

標示目標:#guideForm

確認工具表單

步驟 2

設定畫面標示

每一步都可以指定要框選的 CSS 選擇器,並寫下畫面上的操作提示。

標示目標:[data-field='highlightNote']

設定畫面標示

步驟 3

產生教學文件

按下產生後,系統會輸出可分享的教學頁,並提供 HTML、Slider 與 PDF 列印入口。

標示目標:#submitBtn

產生教學文件

SURL WebGuide 使用教學

https://webguide.surl.tw/app