Firefox 瀏覽器附加元件
  • 擴充套件
  • 佈景主題
    • 用於 Firefox
    • 字典與語言套件
    • 其他瀏覽器網站
    • Android 版的附加元件
登入
Hyperapp Debug Dev Tools 預覽

Hyperapp Debug Dev Tools 作者: Alex Barry

Time-travel debugger for Hyperapp V2

實驗中實驗中
0(0 筆評分)0(0 筆評分)
無使用者無使用者
下載 Firefox 並安裝擴充套件
下載檔案

擴充套件後設資料

畫面擷圖
Hyperapp Dev Tools in action, observing actions, effects, and subscriptions.The design of the panel is responsive, letting you debug however you're comfortable, with as much screen real-estate as possible.
關於此擴充套件
This dev tool, combined with the withDebug higher-order app function, will take your Hyperapp v2 developer experience to the next level.

Current features include:
  • Watch the data flow of your app with real-time app updates
  • Debug your app by time-travelling to different states
  • Inspect your state and dispatch data
  • More to come soon...

For more information, check out the source code on github; mrozbarry/hyperapp-debug github project.

And for information about Hyperapp, check out the Hyperapp documentation.
由 1 位評論者給出 0 分
登入後即可幫此擴充套件評分
目前沒有評分

已儲存星等

5
0
4
0
3
0
2
0
1
0
還沒有評論
權限與資料了解更多

必要權限:

  • 存取您所有網站中的資料
更多資訊
附加元件網址
  • 首頁
  • 技術支援網站
  • 技術支援信箱
版本
0.0.4
大小
29.82 KB
最近更新
6 年前 (2019年11月16日)
相關分類
  • 網頁開發
授權條款
MIT License
版本紀錄
  • 瀏覽所有版本
新增至收藏集
檢舉此附加元件
0.0.4 版的發行公告
# What's new in v0.0.4

As with any hyperapp-debug beta changes, *this is a breaking change*, make sure you are also upgrading your app's hyperapp-debug version to 1.0.0-beta.5

## Features

- Debug multiple apps on the same page
- Start debugging the first app right away

## Bug fixes

- Fix missing initial action if you inline state or [state, effect] as your init param

## Known issue

- App doesn't time travel as expected, but you can still observe the action and effects at each event, and pause the app.

## Under the hood

- Huge refactor and simplification of communication
- Handle persistent information in the panelController instead of trying to resend it
- Don't wait for debugger information to start the app

## Coming soon
- Better size-responsive css
前往 Mozilla 官網

附加元件

  • 關於
  • Firefox 附加元件部落格
  • 擴充套件工作坊
  • 開發者交流中心
  • 開發者政策
  • 社群部落格
  • 討論區
  • 回報 Bug
  • 評論撰寫指南

瀏覽器

  • Desktop
  • Mobile
  • Enterprise

產品

  • Browsers
  • VPN
  • Relay
  • Monitor
  • Pocket
  • Bluesky (@firefox.com)
  • Instagram (Firefox)
  • YouTube (firefoxchannel)
  • 隱私權
  • Cookie
  • 法律資訊

除另有註明外,本站內容皆採用創用 CC 姓名標示—相同方式分享條款 3.0 或更新版本授權大眾使用。