行业新闻

    wordpress安装插件页面无法打开使用vConsole真机调试+显示控制台打印信息，

    2022-07-10    来源：www.8001717.cn

    在PC页面，我们可以通过F12打开控制台查看日志信息，方便测试调试。但是在移动端，移动端没有控制台，所以我们无法查看页面的信息wordpress安装插件页面无法打开，非常不方便。但是插件解决了这个问题~

    简介：

    用于移动网页的轻量级、可扩展的前端开发人员调试面板。

    与框架无关，可用于 Vue、React 或任何其他框架。

    现在是微信小程序官方调试工具。

    特点

    详情请看下面的截图。

    手机预览（点击下方链接wordpress网站建设，可以看到效果）

    使用教程安装方法：

    添加到项目中的主要方式如下：

    方法一：使用npm（推荐）

    $ npm install vconsole

    // 在 main.js 中

    wordpress安装插件 更新失败_wordpress 安装插件 无法显示_wordpress安装插件页面无法打开

    来自“”； //开发环境使用，生产环境自动取消

    if (.env. == "") { new (); }

    并初始化，.log函数就可以使用了，如上。

    来自'';

    const = new();

    //或者使用配置参数进行初始化，详情见文档

    const = new ({ theme: 'dark' });

    // 然后就可以照常使用``等方法了

    .log('Hello world');

    //调试后wordpress安装插件页面无法打开，可以去掉

    .();

    方法二：使用CDN直接插入HTML

    可用的 CDN：

    安装成功后。页面

    如何使用初始化和配置

    引入后，需要手动初始化：

    var vConsole = new VConsole(option);

    为可选对象，具体配置定义请参考公共属性和方法。

    wordpress安装插件 更新失败_wordpress 安装插件 无法显示_wordpress安装插件页面无法打开

    使用 () 更新：

    // 设指定键值：
vConsole.setOption('log.maxLogNumber', 5000);
// 覆盖整个对象：
vConsole.setOption({ log: { maxLogNumber: 5000 } });

    打印日志

    和PC端打印日志一样，可以直接使用.log()等方法直接打印日志：

    console.log('Hello World');

    模块未加载时，.log() 将直接打印到本机控制台；加载后，日志会打印到页面前端+原生控制台。

    如果你希望日志只输出到 ，你可以使用插件方法：

    vConsole.log.log('Hello world');

    日志类型

    支持5种不同类型的日志wordpress建站，以不同颜色输出到前面板：

    wordpress安装插件 更新失败_wordpress安装插件页面无法打开_wordpress 安装插件 无法显示

    console.log('foo');   // 白底黑字
console.info('bar');  // 白底紫字
console.debug('oh');  // 白底黄字
console.warn('foo');  // 黄底黄字
console.error('bar'); // 红底红字

    其他方法

    支持以下方法：

    console.clear();        // 清空所有日志
console.time('foo');    // 启动名为 foo 的计时器
console.timeEnd('foo'); // 停止 foo 计时器并输出经过的时间

    风格

    使用 %c 添加样式：

    console.log('%c blue %c red', 'color:blue', 'color:red'); // blue red

    wordpress安装插件页面无法打开_wordpress安装插件 更新失败_wordpress 安装插件 无法显示
    
console.log('%c FOO', 'font-weight:bold', 'bar'); // FOO bar
console.log('%c Foo %c bar', 'color:red'); // Foo %c bar

    只有第一个参数支持 %c 格式。一旦 %c 格式出现，后面的字符串参数将作为 HTML 样式替换 %c；未替换的 %c 和其余参数将作为默认日志用作通常的输出。

    使用字符串替换

    使用 %s、%d、%o 格式化输出。

    console.log('Hi %s, Im %s', 'Foo', 'Bar'); // Hi Foo, Im Bar
console.log('I had %d cakes', 3); // I had 3 cakes
console.log('The %o is large', obj); // The [[obj]] is large

    特殊格式

    支持使用[]作为第一个参数将日志输出到面板：

    console.log('[system]', 'foo'); // 'foo' 会输出到 System 面板
console.log('[system] bar'); // 这行日志会输出到 Log 面板而非 System 面板

    如果你写了一个自定义的日志面板插件，你也可以按照上面的格式将日志输出到自定义面板：

    console.log('[myplugin]', 'bar'); // 'myplugin' 为自定义面板插件的 id

    内置插件网络请求

    文章来自互联网，侵权请联系删除，文章阐述观点来自文章出处，并不代表本站观点。 www.8001717.cn



X