Offirmo’s Universal Web Dev Tool

Offirmo’s Universal Web Dev Tool插件简介

Offirmo’s Universal Web Dev Tool插件描述

THIS IS A DEVELOPER TOOL, f web apps developers.

A minimum of knowledge of web programming is required to be able to properly use this extension.

Technical details  usage guide: https://universaldebugapijs.netlify.com/

Source (open): https://github.com/Offirmo/offirmomonepo/tree/master/4tools/universaldebugapicompanionwebextension/src

This is f web developers writing complex/semicomplex JavaScript.

No clue about what your app is doing?
Wish you could just turn logs on prod?

You can with Offirmo’s Universal Debug API (f node & browser + isomphic)
 loggers with controllable log level
 local overrides of variables
 debug comms (in alpha)
 exposition of internal data (in alpha)

This extension is a companion to the debug API, allowing to control it through a UI.

Youll have to modify your source code to include  use "Offirmo’s Universal Debug API" (https://universaldebugapijs.netlify.com/) but this comes at nearly no cost since you only have to bundle/use a very small "placeholder" version, doing nothing at all.

However, when this extension is used  active,
the placeholder version will be dynamically replaced by an active version,
served by the extension.
The replacement is done synchronously befe any other code can execute,
so it just wks without any complex setup.
                                

Offirmo’s Universal Web Dev Tool插件离线安装方法

1.首先用户点击谷歌浏览器右上角的自定义及控制按钮，在下拉框中选择设置。

2.在打开的谷歌浏览器的扩展管理器最左侧选择扩展程序或直接输入：chrome://extensions/

3.找到自己已经下载好的Chrome离线安装文件xxx.crx，然后将其从资源管理器中拖动到Chrome的扩展管理界面中，这时候用户会发现在扩展管理器的中央部分中会多出一个”拖动以安装“的插件按钮。

4.下载 Offirmo’s Universal Web Dev ToolChrome插件v0.2.0版本到本地。

5.勾选开发者模式，点击加载已解压的扩展程序，将文件夹选择即可安装插件。

注意：最新版本的chrome浏览器直接拖放安装时会出现“程序包无效CRX-HEADER-INVALID”的报错信息，参照这篇文章即可解决