npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

debug-phone

v1.1.0

Published

🔧 Debug module for browsers which can Display on page or in Console, for Phone debugging.

Downloads

39

Readme

Debug Phone - 🔧 一个可用于调试手机的调试工具

Issues

使用的时候遇到任何问题或有好的建议,请点击进入issue,欢迎参与维护!

本地调试

npm install

首先,你需要安装必要的包,安装好了以后,直接执行下面启动命令:

npm run dev

此刻,在浏览器中打开调试地址即可 localhost:20000

如果你需要发布前打包,执行下面命令完成打包:

npm run build

如何使用

由于是调试工具,实际只应该出现在开发或测试环境中,请直接在index.html中引入即可:

<script src="https://cdn.jsdelivr.net/npm/debug-phone"></script>

如果你想通过npm方式管理,请先安装:

npm install --save-dev debug-phone

安装好以后引入即可:

import 'debug-phone';

如何主动告诉插件打印内容

在有些情况下,比如混合开发,原生的错误我们无法捕获,不过,你可以在合适的地方添加类似如下的语句来实现:

if('debugPhoneConsole' in window){

    // type表示打印级别:log、info、debug、warn、error、trace
    window.debugPhoneConsole(type, content1, content2, ...);
}

比如,我们现在有一个错误语句:

window.debugPhoneConsole('error', '原生发生了请求错误');

开源协议

MIT

Copyright (c) 2020-2021 hai2007 走一步,再走一步。