精华内容
下载资源
问答
  • 调试QWebView中javascript代码的方法

    千次阅读 2017-07-17 15:41:02
    调试QWebView中javascript代码...但是怎么调试网页代码以前没接触过,直到发现原来QT提供了调试工具inspector,具体方法放在下面以作备忘: QWebSettings *settings = ui.webView->settings(); settings->setAttribut

    调试QWebView中javascript代码的方法

    在QT开发中经常遇到要在应用中嵌入网页的需求,一般情况下,我们用QT提供的QWebview。但是怎么调试网页代码以前没接触过,直到发现原来QT提供了调试工具inspector,具体方法放在下面以作备忘:
    
      QWebSettings *settings = ui.webView->settings();
      settings->setAttribute(QWebSettings::DeveloperExtrasEnabled, true);
      QWebInspector *inspector = new QWebInspector(this);
      inspector->setWindowFlags(Qt::WindowStaysOnTopHint);
      inspector->setPage(ui.webView->page());
      inspector->show();
    

    在inspector调试工具中,跟在浏览器中调试js方法一样,设置断点,查看输出信息等。

    展开全文
  • 试想一下,如果在调试网页的时候,修改了兼容性代码,想要测试其在各设备上的效果,多个设备,刷新,查看,刷新,查看。。。这无异于是在浪费你的时间,那么,该怎么解决这个问题,下面就推荐一款工具。省时的浏览器...

    试想一下,如果在调试网页的时候,修改了兼容性代码,想要测试其在各设备上的效果,多个设备,刷新,查看,刷新,查看。。。这无异于是在浪费你的时间,那么,该怎么解决这个问题,下面就推荐一款工具。

    省时的浏览器同步测试工具

    http://www.browsersync.cn/
    Browsersync能让浏览器实时、快速响应您的文件更改(html、js、css、sass、less等)并自动刷新页面。更重要的是 Browsersync可以同时在PC、平板、手机等设备下进项调试。您可以想象一下:“假设您的桌子上有pc、ipad、iphone、android等设备,同时打开了您需要调试的页面,当您使用browsersync后,您的任何一次代码保存,以上的设备都会同时显示您的改动”。无论您是前端还是后端工程师,使用它将提高您30%的工作效率。
    这里写图片描述
    有了它,您不用在多个浏览器、多个设备间来回切换,频繁的刷新页面。更神奇的是您在一个浏览器中滚动页面、点击等行为也会同步到其他浏览器和设备中,这一切还可以通过可视化界面来控制。

    这里写图片描述

    是不是很心动~~~

    这里写图片描述

    这里写图片描述

    安装及使用,请点击 http://www.browsersync.cn/#install

    展开全文
  • 前言最近在调试一个前后端分离的网站,接口被加密了,原先都是未加密的。就是这个结果json中的message。一堆乱码。肯定是需要解密js的。二.浏览器打开需要微信授权登录的网页第一步就是卡住了。这个网页是需要在微信...

    一.前言最近在调试一个前后端分离的网站,接口被加密了,原先都是未加密的。就是这个结果json中的message。一堆乱码。肯定是需要解密js的。

    515c67c9bdd7edc291af1bca15bb7db1.png

    二.浏览器打开需要微信授权登录的网页第一步就是卡住了。这个网页是需要在微信里面才能打开。怎么才能在chrome浏览器中打开呢。收集了一些资料。发帖的时候忘了资料来源了,这里说说我自己做的详细的步骤吧,很简单的。这里测试一下某个链接,随便百度的:http://www.weijuju.com/mobile/game/miraclepan/pan.jsp?panId=2881&wuid=243430直接用PC浏览器打开会被拦截识别。2afebeb2e827224710a020cc5fdbcdf5.png第一步打开fiddler拦截所有的请求,打开PC版的微信。用PC微信端打开这个链接59038304c616803595878bd457b560c1.png点击同意,然后查看fiddler,如图所示操作。(把第一个open.weixin开头的网页直接在PC浏览器打开貌似也可以。)这种方法可能导致某些功能无法使用或者浏览器控制台报错。a9e19e71681bea75d8bb741a09d0ae64.png接下来在PC默认的浏览器就可以看到了授权提示,点击授权过后就可以自由的在浏览器调试微信网页了9d0ad2da062ab7ddac8a19697d84c118.png三.简单的js调试。首先我没有看过系统的教程,只看过一些简单的文章之类的。只用了一点chrome控制台调试打断点的功能,不是很复杂。最开头的图片那个接口是访问一个页面渲染数据的接口。json数据中的message的键值肯定是需要解密的东西,这就要查看js代码哪里动了那个message。进入目标页面就会加载一个单独的js.名为126.jsa8026e0cd5d5ae05b4edf9ffc74eb626.png接下来。找下这个js文件里面哪里动了这个message,接下来看图操作ec01a3c4906db7c5ef5852698ebf4f0d.png这时候断点打好了,浏览器里面返回再进入这个页面,这个js就会在这里中断。鼠标悬浮在断点的地方会有提示。点击提示,进入断点调用的相关的代码。256ad5fcaf905430b9ee6684110dbbb1.png这时候如下图所示点击悬浮出来的地方,wybzd这个地方。看调用了哪里的代码怎么处理这个message。2527107b6a26bbf52b5144d00798cf4d.png1b081b7c2a8f11da723a456b7d6638b6.png

    4ad3232cb3e58c9bd1767e106208ad5f.png

    处理message的js代码到这里就差不多出来了。采用AES加解密,一种对称加解密,加解密都用一个密码。t就是密码了,this.BVDCVojLpQEGLytM 就是调用这个函数传进来的参数。要找到这个变量的值。就是最开始找到处理message的地方,应该只用到了第一个密钥。其他密钥我就不知道哪里用了9b1fb64ed35f0296b73c15165a1e80e3.png密钥就是:"8NONwyJtHesysWpM"接下来我们来验证一下这个密钥是否正确。随便百度一个AES在线加解密的网站。把密钥,密文,解密方式填进去计算ECB模式,pkcs7padding填充,结果字符集utf-8。最后结果如图,解密完成。教程到此结束。78f127e28310e7ddda82ce757008e512.png四.总结微信网页OAuth 2.0授权登录可以看看官方文档和阮一峰网络日志。http://www.weijuju.com/mobile/game/miraclepan/pan.jsp?panId=2881&wuid=243430 访问这个网页的时候后端有一个处理会检查请求来源是否在微信浏览器里面。如果不是就是提示请在微信客户端打开链接。如果在微信客户浏览器就会显示让用户主动授权。我们用fiddler直接跳过了判断客户环境是否在微信客户端浏览器,直接提示用户授权。授权之后,后端也就被我们欺骗了。就真的以为在客户端浏览器环境了,接下来就可以畅通无阻了,但是实际环境并不是微信客户端环境,通过jssdk调用的功能都可能会收到限制,我并没有经过测试。js混淆加密这次真的很简单,处理message只有一个地方。还单独加载了一个文件,只有一层的调用关系,加密方式也不是很复杂,但这些东西只有接触长了会有一些敏感的直觉,哈哈,我现在才刚刚开始,挺有意思的,就总结一下。

    展开全文
  • 通常,前端调试输出一些日志信息可以使用alert或者console, 当然在Desktop机器上很容易,很多浏览器都支持,如果是在手机上,可能比较麻烦,...如,我们使用一下的网页代码,输出console 1 2 3 4 5 6 7 <html> <...

    通常,前端调试输出一些日志信息可以使用alert或者console, 当然在Desktop机器上很容易,很多浏览器都支持,如果是在手机上,可能比较麻烦,怎么得到输出的console信息呢.

    其实,使用傲游浏览器Android版,完全可以轻松的做到.下面以一个简单的例子来介绍一下.如,我们使用一下的网页代码,输出console

    1
    2
    3
    4
    5
    6
    7
    
    <html>
        <head>
            <SCRIPT type="text/javascript">
                console.log('This is log level')
            </SCRIPT>
        </head>
    </html>
    

    在傲游浏览器andorid版上加载上述的网页,然后在终端过滤这个命令adb logcat | grep MxWebViewDebug就能得到以下输出.

    1
    2
    
    13:22 $ adb logcat | grep MxWebViewDebug
    I/MxWebViewDebug( 3614): [LOG:CONSOLE(844064902)] "This is log level", source:
    

    上述日志格式,完全参考Chromium标准.

    Download

    One More Thing

    • Q:为什么要写这个类似软文的东西呢?
    • A:首先这个功能是我做的,自己在一次写javascript时,发现不爽,然后就顺手加上了这个超级简单地小功能.感觉至少解决了包括我在内的至少一个人的痛处,不想让这个功能不为人知,于是写了这篇文章.

    Written with StackEdit.

    展开全文
  • 其实我之前在:这篇文章中有提到怎么调试wsgi+python的程序,但是还是非常麻烦,无论通过将想要的查看的内容输出到apache的日志文件还是直接以html方式在浏览器中查看。有时候有些只是简单的语法错误,但是还是要1...
  • 新特性IDEA - 2020.1 版本针对调试器和代码分析器的改进,值得期待1、对于调试器的加强:数据流分析辅助2、调试加强:属性置顶功能3、调试加强:IPV6 调试4、性能分析的改进,剔除额外的东西5、支持读取内存快照文件...
  • 来源:https://blog.csdn.net/qq_15071263/article/details/1041863091、对于调试器的加强:数据流分析辅助...调试Java代码并到达断点时,IDE将根据程序的当前状态运行数据流分析,并在代码执行达到此点之前向您...
  • 小弟刚拿到一个php的小项目源码,但是不知道怎么看起,想通过找到函数入口,然后对代码逐步调试追踪来了解整个项目,希望能够点击网页上的具体功能就能立马跳转到调用的函数调用!!请问这个能实现吗? 备注:小弟不...
  • 1 将写好的Javascript代码用chrome打开。 2 在页面,单击右键,并且选择“审查元素”。 3 弹出窗体,如图所示: ...添加断点的方法就是在所在的代码行的数字上双击即可!...debug控制方式:1 首先是刷新调试网页,即
  • iOS版微信隐藏着一个查看网页代码的功能!P.S.这个功能不是对所有人都有实用性。然后设置出现后我也不知道怎么关掉它。 点击搜索微信号的输入框 输入:help,中英文冒号不影响,然后点击搜索 你就会...
  • 第一种办法是获取完整的网页资源来源 最简单的办法是用火狐,调试网页,在调试器那里可以看到所有的网页资源来源 如图所示: 虽然这样获得的网页源代码中的域名最全,但是这样获得的域名并无法直接保存到文本中...
  • 前端怎么开始敲代码

    2018-08-20 17:28:24
    前端理论(一)-----PSD切成HTML的几个方法对比 总结:先写大框架——调试——插图   根据PSD登陆页面设计稿切图制作HTML网页全过程
  • 对象被禁用怎么回事 是我没安装好插件吗 网页上的按键uft不识别 上回我用低级录制勉强弄好了 但是这次录制的比较复杂 低级录制就不行了 我开始把对象添加到对象库 自己写代码 说找不到对象 然后我直接在对象库中拖拽...
  • 最近要做一个网页播放器的代码,用户需要在FireFox , IE , Opera , 甚至苹果下的 Safari 浏览器中都可以正常的播放。调试了许久发现不加任何播放器属性的Embed标签可以在所有的浏览器中播放MOV格式的视频文件,在...
  • 一、背景介绍一个程序员按照要求编写一个网页,不可能一次编写就完全达到目的,一般要对自己的的代码修改调试几次后才能到达要求,浏览器的F12开发人员工具就可以很方便的帮助程序员调试自己的代码。二、知识剖析F12...
  • chrome调试技巧

    2017-12-19 13:44:46
    chrome调试网页的一些技巧分析,包括怎么在浏览器中加断点检查代码中的bug点击打开链接
  • 微信公众平台开始支持前端网页,大家可能看到很多网页上都有分享到朋友圈,关注微信等按钮,点击它们都会弹出一个窗口让你分享和关注,这个是怎么实现的呢?今天就给大家讲解下如何在微信公众平台前端网页上添加分享...
  • wsgi调试

    2012-02-26 22:58:23
    这篇文章中有提到怎么调试wsgi+python的程序,但是还是非常麻烦,无论通过将想要的查看的内容输出到apache的日志文件还是直接以html方式在浏览器中查看。有时候有些只是简单的语法错误,但是还是要 1. 保存代码 2...
  • <iframe id="iframe1" src="hh.html"></iframe> <iframe id="iframe2" src="gg.html"></iframe> ...你如果有时间,帮我把代码复制到你的本地,帮我调试一下,希望能帮我调通。。小弟再三感谢。
  • 平时在编辑器中改改代码,保存,再去浏览器刷新网页看效果,宽度不对,距离不对,偏移量不对,颜色不对,然后又回编辑器微调一下数值又去刷新,这是很麻烦的来回切换操作 我目前接触到最好的调试办法就是用Chrome浏览器来...
  • 经过一番研究,原来是因为js调试工具Console的命令,发现只需在你的网页代码中添加以下代码即可:console.info('这里输入想输出的话!\n可以用来换行!')这里还有其他击几种信息输出方式:1.console.log 用于输出...
  • 哪怕是大神级别的开发者,也不可能一次编写就能完全达到想要的效果,一般要对自己的的代码修改调试几次后才能到达要求,浏览器的F12开发人员工具就可以很方便的帮助我们开发者调试自己的代码。 F12 开发人员工具是...
  • 用chrome来调试页面,发现手机上浏览布局全乱了,我在页面中用到了bootstrap框架,使用时要哪个就去套用class样式,贴上部分代码,html代码:首页第二页第三页//图片轮播图 css代码:body {padding-bottom: 50px;...
  • HTML网页 按F12后 ,怎么调试一行一行的代码 求解!另外,display中的block,具体咋用,能举个例子吗?希望有大佬能回答下小弟的问 题 。。
  • 【JS逆向】之过无限debugger调试

    千次阅读 多人点赞 2021-01-12 18:19:32
    如果这个时候我们开启工具中禁止断点之后,虽然我们可以抓取xhr,但是这样我们无法调试代码部分了,开启了禁止断点之后,我们自己也无法在代码当中下断点了 1.这里说明一下:关于上面说的禁止断点怎么操作,我上一篇...
  • ExtJS之调试功能,特棒

    千次阅读 2010-09-01 14:52:00
    第一步:在ExtJS下载的资源包中,找到debug.js,将JS文件导入实际要运行的HTML或者JSP页面上 第二步:在有关JS文件代码中嵌入Ext.log('自定义调试信息'),如Ext.log('执行了xxx操作')等 第三步:运行网页吧,奇迹...
  • .net 网页播放器

    2012-02-02 16:56:40
    一个,当我把想好的代码放到上面后,感觉一切都完成了,但是在调试的时候发现 不能进行上一首和下一首,无论是怎么检测都不行,又看了那些资料感觉代码都一 样,没有什么不妥的地方啊,用javascript获取播放路径...
  • ASP.NET调试的问题.

    2007-02-04 21:44:00
    今天我花了两个多小时,调试一个ASP.NET网页怎么也不对,不能进入debug状态,而别的网页可以,我百思不得其解,代码都是对的,可是结果就是不对,最后终于想起来,看看aspx页面的声明部分,才发现我为了页面的速度...
  • JS与DOCTYPE冲突导致漂浮代码失效的解决方法需要添加一个漂浮的图片代码,在单独页面调试的很好,但是发现插入到我们主页里,漂浮代码失效了,这是怎么回事,漂浮好好的插入进去,代码没修过就不能漂浮了,非常郁闷...
  • 网站兼容性调试实在令人烦心,现在的网站设计人员真的要比以前费力很多,因为网页代码不再是只需满足一个IE6访问就行,而是要满足N多的浏览器访问正常才行。粗略算一下,目前至少要满足如下的浏览器要求:IE8、IE9、...

空空如也

空空如也

1 2 3 4 5 ... 9
收藏数 162
精华内容 64
关键字:

怎么调试网页代码