网页外部注入vConsole调试

概要本篇介绍一种十分方便的方法为网站添加 vConsole 调试(通过篡改请求外部注入的方式,不需要您是网站的拥有者,主要用于调试线上站点). 之前已经发过一篇<借助FreeHttp为任意移动端web网页添加vConsole调试>,不过那篇操作起来还是比较复杂.因为那篇帖子使用了大量篇幅介绍操作原理,至使简单的问题也用了较长的篇幅,但是不是所有同学都喜欢那样的风格,而且为了演示FreeHttp对不存在资源的mock,对于vconsole.min.js使用了一个本地资源,让复杂度进一步加大…

借助FreeHttp为任意移动端web网页添加vConsole调试

以下介绍在不用修改代码并发布项目的情况下,为我们日常使用的移动web应用(如手机web淘宝)添加vConsole调试工具的方法 vConsole介绍 vConsole是一个轻量.可拓展.针对手机网页的前端开发者调试面板. 使用vConsole的项目可以让手机上的Web浏览器,拥有类似PC调试工具的能力. 正常情况下使用vConsole需要修改项目代码并重新发布. vConsole官方介绍(https://github.com/Tencent/vConsole) FreeHtt…

vConsole--针对手机网页的前端 console 调试面板。

一个针对手机网页的前端 console 调试面板. 简介 vConsole 是一个网页前端调试面板,专为手机 web 页面量身设计,帮助开发者更为便捷地进行开发调试工作. 手机预览 http://wechatfe.github.io/vconsole/demo.html 使用方法 1.下载模块 checkout 文件 dist/vconsole.min.js 到本地. 2.引入模块 (1) 如果未使用 AMD/CMD 规范,可直接在 HTML 中引入 vConsole 模块.为了便于后续扩展,建…

keil程序在外部RAM中调试的问题总结（个人的一点经验总结）

keil程序在内部RAM调试的基本步骤网上已经有非常多了,我就不再赘述,大家能够在网上搜到非常多. 可是有些时候内部RAM并不够用,这就须要将程序装入外部RAM中调试,而在这个过程中可能会出现各种各样的问题,在这里我将会把我遇到过的一些问题和须要注意的地方总结一下,希望可以对大家有所帮助. 有错误的地方也希望大神们可以指教,提前表示感谢··· 转载请注明出处:waitig's blog 先介绍下我项目使用的硬件,芯片是LPC1788,外部RAM是MT48LC4M32B2,大小为16M(128Mb…

How to:如何在调用外部文件时调试文件路径（常见于使用LaunchAppAndWait和LaunchApp函数）

原文:How to:如何在调用外部文件时调试文件路径(常见于使用LaunchAppAndWait和LaunchApp函数) IS里调用外部文件的时候,一般都是用LaunchAppAndWait函数,比如 if(LaunchAppAndWait (SRCDISK^"jdk\\jdk-6u4-windows-i586-p.exe","", LAAW_OPTION_WAIT)<0)then MessageBox ("You haven't installe…

SpringBoot中的application.properties外部注入覆盖

由想要忽略properties中的某些属性,引发的对SpringBoot中的application.properties外部注入覆盖,以及properties文件使用的思考. SpringBoot 配置文件application.properties配置参数替换或者注入的几种方式之所以研究这个问题,原因是因为,我的项目如果通过git备份到码云上之后,mysql以及redis的密码也保存上去了,这样肯定是不行的,但是我如果忽略application.properties的话,就缺失了关键的配置信…

让人恼火的经历——手机H5网页被注入广告

你的网站是否在尾部出现了让人恼火的广告? 这次我算是遇到了这些流氓的广告.那么就让我们一步步攻克这些恼火的广告吧. 问题描述某一天下午开始,我们制作的网站就开始被各种广告注入,类似上图这种. 还有在网页右下角出现的广告发现问题的有:1.手机端网页最为普遍,全部都是底部有广告.(app内嵌H5网页广告最多) 2.网页端网页极少出现,出现的均为运营商的广告. 3.无论有无登录,即使在需要登录才能被访问到的页面也有广告. 4.广告时有时无,刷新一遍页面之后基本不出现半个小时左右. 5.广告钓鱼链接…

通过QEMU-GuestAgent实现从外部注入写文件到KVM虚拟机内部

本文将以宿主上直接写文件到VM内部为例讲解为何要注入以及如何实现 tag: qemu-ga, qemu guest agent, kvm, guest-file-write, inject 小慢哥的原创文章,欢迎转载目录 ▪ 为什么要"注入"到VM内部 ▪ 如何实现"注入" ▪ Step1. 为VM配置channel ▪ Step2. 部署qemu-ga ▪ Step3. 注入操作说明 ▪ Step4. Base64计算 ▪ Step5. 开始注入 ▪ 附1. q…

移动端使用 vConsole调试

前言用vue 写移动端代码,有个报名页面就在iOS 9下出现问题,vue的循环渲染都正常,一开始的数据也能取到.证明不是vue的兼容性问题但是在用户点击按钮发现不能点击进入跳转工具推荐使用 vConsole 这个可以在移动端调试的解决过程 npm install vconsole 使用webpack,然后js代码中 import VConsole from 'vconsole/dist/vconsole.min.js' //import vconsole let vConsole…

转: 如何用手机访问电脑本地 localhost 网页或者服务器, 以调试web项目

最近开始转向移动开发方向,因此对于一个移动开发的前端来说,使用各种真机来进行自己网站或者系统的界面进行针对性的调试就显的尤为重要了. 因此,会经常通过电脑开启一个 wifi 来供手机进行连接,形成一个小的局域网,然后就通过局域网的 ip 地址(查询 ip 地址,cmd——>ipconfig), 通过 ip 地址来进行自己本地服务器中的项目访问.本以为这种小 case 的东西可以分分钟搞定,可是,可是,可是偏偏就出现了无妨访问的情况. 如下图所示: 看到这个就泪奔了,竟然直接访问不到本地服务器啊.…

配置vConsole调试console

1.使用 npm 安装: npm install vconsole 再使用webpack,然后js代码中 import VConsole from 'vconsole/dist/vconsole.min.js' //import vconsole let vConsole = new VConsole() // 初始化 2.找到这个模块下面的 dist/vconsole.min.js ,然后复制到自己的项目中 <head> <script src="dist/vconsole.…

使用VConsole调试代码

在真实手机上运行H5页面时,无法看到控制台.为了能在真实手机上使用控制台,可以加入如下代码实现控制台: //引入vconsole var isTestEnvironment =true if(isTestEnvironment){ var script, scripts = document.getElementsByTagName(] function load(url) { script = document.createElement('script…

web网页外部分享到微信、朋友圈、扣扣、微博等功能、自动生成二维码等

1.这里重中之重是分享到微信:web端网页通常是没有权限分享过去的所以用: weixin://dl/business/?ticket=ta428dhj739hg3efe6e 但是这个ticket真的是很蛋疼,查了许多资料说还得花钱在第三方对接巴拉巴拉的,2.所以:window.open('http://api.liufuweb.com/api/p5.php?p=d&url=你要分享的链接'); 但是这个缺点是:打开微信的时候要识别二维码才能访问到你要分享的页面3.就是内嵌入到app端,写个方…

C# 操作ie网页，注入JavaScript等操作

之前做过一个录制鼠标键盘并回放的功能,使用的关键技术是钩子程序.在实现针对指定页面进行录制的过程中,发现C#操作网页的功能. https://www.cnblogs.com/wangchuang/archive/2012/05/09/2493415.html https://www.cnblogs.com/ZC_Mo-Blog/p/5275210.html https://www.cnblogs.com/kissdodog/p/3725774.html…

移动端（微信等）使用 vConsole 调试 console

参考链接:https://blog.csdn.net/m0_37036014/article/details/80113635…

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

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

vConsole 让你在手机上也能轻松调试网页

有时候为了想在手机真机上对网页进行 Debug,可手机上没有 F12,用 Chrome DevTools 连接手机操作又太过复杂.VConsole 的出现,正好解决了这一痛点! (下列内容照搬一下官方文档……) vConsole 介绍 vConsole 是腾讯推出的一个轻量.可拓展.针对手机网页的前端开发者调试面板. 在线体验官方网站功能查看 console 日志查看网络请求查看页面 element 结构查看 Cookies.localStorage 和 SessionStorage…

使用Chrome开发者工具调试Android端内网页(微信，QQ，UC，App内嵌页等)

使用Chrome开发者工具调试Android端内网页(微信,QQ,UC,App内嵌页等) 前言移动端页面调试一直是好多朋友头疼的问题,iOS 由于其封闭的特性和整体较高的性能,整体适配相对好做,调试也由于 safari 的打通变得很方便.而 Android 系统,尤其是国内环境下的 Android 系统,由于版本跨度大,且各家厂商采用自研内核,使得其成为移动端页面问题出现的主要平台.工程师们采用了各种各样的方式来对其进行调试:alert 大法,页面引入或注入VConsole/eruda开启移动…

手机前端开发调试利器 – vConsole

我们在开发手机版网页的时候,常常会出现下面的情景: (1) 开发时,在自己电脑上运行得好好的,在手机上打开就挂了,但是手机上又看不到error log: (2) 上线后,某用户表示页面失灵,但我们自己又重现不出来,看不到用户侧的出错信息. 如果说(1)还可以通过电脑连接手机以查看log来解决,那(2)在没有完善的前端上报体系时就非常被动了. 作为开发者,我们的诉求很简单:有没有快捷的方法在手机前端页面看到log日志? 答案是肯定的. vConsole:一个轻量.可拓展.针对手机网页的前端开发者调…

前端读者 | 前端开发者调试面板vConsole

来着微信团队开源的一个调试工具,[GitHub地址]https://github.com/Tencent/vConsole 一个轻量.可拓展.针对手机网页的前端开发者调试面板. 特性查看 console 日志查看网络请求查看页面 element 结构查看 Cookies 和 localStorage 手动执行 JS 命令行自定义插件上手下载 vConsole 的最新版本.(不要直接下载 dev 分支下的 dist/vconsole.min.js) 或者使用 npm 安装: npm…

通过Mac远程调试iPhone/iPad上的网页(转)

我们知道在 Mac/PC 上的浏览器都有 Web 检查器这类的工具(如最著名的 Firebug)对前端开发进行调试,而在 iPhone/iPad 由于限于屏幕的大小和触摸屏的使用习惯,直接对网页调试非常不方便,所以一直没有 Web 检查器这一类工具. 但是 iOS 6 的发布解决了这个问题. iOS 6 给 Safari 带来了远程的 Web 检查器工具(Remote Web Inspector),你可以通过模拟器或者真实的设备(通过 USB 连上 Mac)进行调试.下面我讲讲详细的调试过程:…

用Opera Mobile调试手机版网页【转】

注意:新版本的opera已经采用webkit内核,没有dragonfly了. 要下载12版的http://get.geo.opera.com/pub/opera/win/1216/int/Opera_1216_int_Setup.exe 用Opera Mobile调试手机版网页发表于 2011-07-19 调试代码是每个程序开发者必须熟练掌握的技能,前端开发也不例外.只要你的浏览器不是太陈旧,按下F12就能看到各种调试控制台.这里不打算讲具体项目中如何调试代码,而是介绍下如何在Opera桌面版…

移动端调试 vConsole

<head> <script src="path/to/vconsole.min.js"></script> <script> var vConsole = new VConsole(); </script> </head> CDN地址:https://www.bootcdn.cn/vConsole/github地址: https://github.com/Tencent/vConsole/blob/dev/doc…

优雅地使用eruda在移动端上调试网页

注:本文有一小部分截图为桌面端,但所有内容都亲测在移动端上可用. 你曾否在洛谷上用<F12>把错的数据点改成AC?是否有过自己尝试搭建网站,在移动端上js代码运行出错?如果你的回答是肯定的,那么\(eruda\)就正好适合你! 1. \(eruda\)简介 github开源项目网址:eruda Demo演示 \(\text{Eruda}\) 是一个专为手机网页前端设计的调试面板,类似 DevTools 的迷你版,其主要功能包括:捕获 console 日志.检查元素状态.捕获XHR请求.显示本地…

移动端真机debug调试神器 vConsole学习（一）之基础

参考使用方法移动端真机debug调试神器 vConsole的引入说明(原生态与WebPack) 移动端使用vconsole调试console vConsole ——开源的前端 console 调试面板下载地址 Github BootCDN…

跨平台web调试代理工具---whistle

whistle是基于Node实现的跨平台web调试代理工具,支持windows.mac.linux等所有安装了Node的操作系统,可以部署在本地机器.虚拟机或远程服务器,并通过本地网页查看或修改HTTP.HTTPS.Websocket请求(响应)的基本信息.头部及内容等. whistle把每一类操作对应一个协议,每个修改操作抽象成一个uri,通过简单设置请求url到操作uri的对应关系,实现通过配置操作请求,支持通过扩展协议新增功能:具有配置灵活,功能强大等特点. 配置界面及操作请参考:http…