Google Drive
Gist
Clipboard
or
or
By clicking below, you agree to our terms of service.
Sign in with Wallet
New to HackMD? Sign up
| Syntax | Example | Reference | |
|---|---|---|---|
| # Header | Header | 基本排版 | |
| - Unordered List |
|
||
| 1. Ordered List |
|
||
| - [ ] Todo List |
|
||
| > Blockquote | Blockquote |
||
| **Bold font** | Bold font | ||
| *Italics font* | Italics font | ||
| ~~Strikethrough~~ | |||
| 19^th^ | 19th | ||
| H~2~O | H2O | ||
| ++Inserted text++ | Inserted text | ||
| ==Marked text== | Marked text | ||
| [link text](https:// "title") | Link | ||
|  | Image | ||
| `Code` | Code |
在筆記中貼入程式碼 | |
| ```javascript var i = 0; ``` |
|
||
| :smile: |  |
Emoji list | |
| {%youtube youtube_id %} | Externals | ||
| $L^aT_eX$ | LaTeX | ||
| :::info This is a alert area. ::: |
This is a alert area. |
On a scale of 0-10, how likely is it that you would recommend HackMD to your friends, family or business associates?
Please give us some advice and help us improve HackMD.
Do you want to remove this version name and description?
Syncing
xxxxxxxxxx-
Any changes
Be notified of any changes
-
Mention me
Be notified of mention me
-
Unsubscribe
Subscribe全平台前端遠程調試的那些事 —— 遠程頁面調試工具的實現及剖析 - 徐曉孟
歡迎來到 https://hackmd.io/c/COSCUP2018 共筆
- The image file may be corrupted
- The server hosting the image is unavailable
- The image path is incorrect
- The image format is not supported
Learn More →點擊本頁上方的 開始用 Markdown 一起寫筆記！
手機版請點選上方 按鈕展開議程列表。
Things about Front-end remote debug
Developer > (Coding←→Test) > Computer
User > Production > Many Device
開發的時候都是在電腦上，但實際使用卻是在在移動裝置，而非電腦
如何自己的環境上對遠端網頁(行動裝置)Debug?
分析問題
頁面出錯的時候根本不知道卡在哪
共同問題
最重要的問題
產生問題的時候都不是在自己的手邊(可能是跨國，而且難描述清楚問題)
核心解決方案
把東西放到雲端，開發者從雲端上取得和接收數據
Firebase 或 野狗通信雲
GUGU
他們自己開發遠端工具
特色介紹
at remote
at debug end
Live Demo
http://project.isekai.me/gugu/
設備端的畫面
debug的畫面
可以選擇device觀看設備資訊
可以錄製使用者的操作步驟並重播
GUGU Framework
tags:
COSCUP2018misc