手机端查看console.log

2024-11-02

移动端console.log()调试

在微信或app进行开发的时候,没法直接查看console.log的输出内容,调试起来简直太痛苦了. 1.笨笨的方法 fiddler抓请求:追加dom节点,显示调试信息. var div =document.createElement("div");div.innerText = '333';document.body.appendChild(div); 2.vConsole 近期,发现的一个超级好用的插件,已开源,也有npm包. 使用方法: 在*.html文件中,写入如下代码: <

手机端调试console.log，直接引入一个js文件

http://files.cnblogs.com/files/lwwen/mConsole.js 这是我写的一个原生js文件直接引入即可,可以把html上面的需要打印的东西打印出来 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="Viewport" content="width=320,initial-scale=1.0

手机端打开调试工具，模拟console.log

将下列代码考入需要调试页面即可 <script src="//cdn.jsdelivr.net/npm/eruda"></script> <script> eruda.init(); console.log('控制台打印信息'); </script> 转自https://www.cnblogs.com/sophiehui/p/7880882.html

【web前端】移动端控制台插件，手机端页面查看相关页面控制台信息

一般调试手机端页面时,基本是在PC端使用手机模式进行断点或console调试.或查看有用的控制台信息的,但依旧有部分功能无法在PC端调试,经常需要使用alert进行断点,然后在手机端看效果,但是这样并不好. 所以如果说有一种插件,可以在手机端查看控制台相关日志,那可比alert强多了. 最近找到了一款,还挺好用的. 插件名:vconsole 比如我们要调试一个移动端页面我们在页面中注入一段代码:引入vconsole,并创建一个控制台对象. <!--//www.wuhairui.cn/build

Openstack中查看虚拟机console log的几种方法

Openstack中有时候虚拟机启动不正常,这时可以通过查看虚拟机console log能得到一些有用的信息. 有这些方法可以查看或获取虚拟机console log: 1)openstack控制台图形界面(horizon): 进入虚拟机(Instance)列表界面,选中相应虚拟机,点击Log页面即可:或点击右侧的“View Full Log”查看完整的log. 2)在虚拟机所在的compute节点上找到log文件: 通过virsh dumpxml指令,找到如下关键段: <console type

基于H7的中移动物联例子以及简易操作说明，方便电脑端和手机端远程查看数据

说明: 1.操作前,务必优先看此贴里面的基础例子,先将WIFI连接到路由器上,这样才可以访问外网: https://www.cnblogs.com/armfly/p/11307803.html 2.有三重要参数需要大家看本帖的说明获取,分别是DEV_ID,API_KEY和两个数据流名称. 3.当前实现的功能是每5秒更新一次数据,通信方式是将JSON格式的数据通过HTTP POST发送给中移动物联平台. 4.实际测试发现,中移动物联会每过一段时间断开用户连接,程序里面已经做了处理.另外就是发送速度

[JavaScript] console.log只在查看时才会读取这个打印的对象，并把此刻相关属性和值显示出来

/** * 写个函数解决console.log只在查看时才会读取这个打印的对象,并把此刻相关属性和值显示出来 * @param arg */ const log = function (...arg) { let arg1 = arg.map(item => { if (typeof item === 'object') { let json = JSON.stringify(item) let obj = JSON.parse(json) return obj } else { retur

JGUI源码：Accordion鼠标中键滚动和手机端滑动实现(2)

本文是抽屉组件在PC端滚动鼠标中键.手机端滑动时,滚动数据列表实现方法,没有使用iscroll等第三方插件,支持火狐,谷歌,IE8+等浏览器. 演示在:www.jgui.com Github地址:https://github.com/zhaogaojian/JGUI 效果觉得好的给个star,谢谢! 源码未压缩,请右键查看网页源码,相关文件有accordion.js,accordion.css,index.html 隐藏滚动条可以通过设置margin隐藏滚动条方式实现,css3支持直接隐藏滚动条

js判断客户端是手机端还是PC端

封装函数: function isPC() { var userAgentInfo = navigator.userAgent; var Agents = ["Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod"]; var flag = true; for (var v = 0; v < Agents.l

移动端调试神器vconsole,手机端网页的调试工具Eruda

移动端调试神器vconsole,手机端网页的调试工具Eruda 移动端中使用 vConsole调试移动端调试工具vconsole安装Git地址:https://github.com/WechatFE/vConsolevConsole是一款由微信公众平台前端团队打造的前端调试面板,专治手机端看log难题.目前vConsole自带有2个面板,默认为“日志”面板,负责展示log. 项目开发时经常需要debug调试,但在移动端debug则会阻断代码运行,并且很难判断出错在哪里,这里我们需要借助第三方插

vue+node开发手机端h5页面开发遇到的坑

项目进行中...随时更新这里记录了一些手机端调试的方式一 css 1.文字超过span宽度显示...(单行文字) .topWrap .introduce span { padding: 0 17px; display: inline-block; border-radius: 5px; height: 18px; line-height: 18px; margin-top: 15px; max-height: 18px; max-width: 90%; white-space:nowrap;

关于实现手机端自动获取天气的demo

博主大二做的一个项目,当时很傻很天真,但是还是贴出来,希望能给大家一点帮助.欢迎转载哦!我的博客园地址:http://www.cnblogs.com/natureless/ 首先分析需求,移动端实现天气查询.如果在没有给定地理位置的时候,那很简单,直接利用JSONP获取Open Weather API提供的一个接口,传个位置就好.这点我就不多说了,下面我要说的是,实现自动定位并获取天气. 首先要做准备工作:百度Map开发者的accesskey,OpenWeather开发者的accesskey.这

megapix-image插件使用Canvas压缩图片上传解决手机端图片上传功能的问题

最近在弄微信端的公众号.订阅号的相关功能,发现原本网页上用的uploadify图片上传功能到手机端有的手机类型上就不能用了,比如iphone,至于为啥我想应该不用多说了吧(uploadify使用flash实现上传的): 经过研究找到了一个手机端比较相对比较好用的插件实现图片上传,那就是megapix-image插件,比uploadify还是好用多了,下面就来上实例吧: html页面: <html> <body> <input type="file" cap

手机端MVC-js框架-Gillie-中文版本

译者声明: 1.代码库发布在http://pablovallejo.github.io/gillie/ 2.查看API介绍直接戳这里看整理. Gillie是一个轻型MVC框架,受Backbone的启发实现.它提供了一些方法,可以实现RESTful HTTP请求,同时允许使用models,views和handlers来分离功能点.另外提供了事件API,从而views可以监听模型事件并采取适当行为,最终以这种方式实现了监听者设计模式. 获取代码开发者版本 16 k 应用版本 4 K CDN版本:

解决clipboard手机端无法复制的一种思路

最近,做了一个切图的小项目主要内容是微信号的推广页面,上面会有精美的图片和微信号:) 点击按钮,会复制到粘贴板上,自己去微信里面粘贴搜索:),懒人会进行一系列复杂操作么,不看好首先,百度了一下,看中clipboard库,纯js兼容手机端,好激动:) clibboard的GitHub地址,使用非常简单,自己看demo目录的内容,源码看的方,还是不知道如何实现的,求教主要思路,就点击按钮,自动将文本复制到剪贴板. 选择使用其中的function,可以使用ajax从服务端获取微信号官网的方案

手机端flex、字体设置、快速点击

;(function flexible (window, document) { var docEl = document.documentElement ♥1 var dpr = window.devicePixelRatio || 1 // adjust body font size function setBodyFontSize () { ♦2 if (document.body) { document.body.style.fontSize = (12 * dpr) + 'px' }

使用wireshark以及filddler配合抓去手机端的TCP以及HTTP请求

在测试手机客户端时,有时候需要查看网络请求状况.使用在IDE中查看log的方式,能够解决问题,但是会比较复杂.wireshark不能够做代理,而fiddler主要是抓HTTP请求,没有wireshark强大.结合两者就能够使用抓取手机端的HTTP以及TCP的请求了,而不需要再使用TCPdump这样的工具. 1.fiddler做代理前提:手机和PC电脑需要连上同样的域名的网络步骤: (1)Tools -> Fiddler Options... 按照上面的内容来配置好端口号. (2)在手机端修改

input框取消光标颜色手机端不生效

手机端获取用户详细地理位置（高德地图API）

项目开发需要获取用户详细的地理位置信息,使用了高德地图API接口 1,注册高德地图开发者账号获取开发者Key 2,页面调用 <script type="text/javascript" src="http://webapi.amap.com/maps?v=1.4.3&key=您申请的key值"></script> 3,示例代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 T

周记5——随机撒花特效、动态修改伪元素样式、contenteditable属性、手机端调试利器VConsole、浏览器端debug调试

记录一些小零碎知识点,以便日后查看~ 1.随机撒花特效教师节快到了,公司的产品提出一个需求:在IM(即时聊天)聊天界面弹出教师节的祝福“广告”,用户点击“发送祝福”按钮,聊天界面会随机撒花.这里的重点是随机撒花,下面会附上随机撒花的代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"> <html xmlns="http://www.w3.org/1999/xhtml"

手机端查看console.log

热门专题