Debugging QML Applications
Debugging QML Applications
Console API
Log
console.log
, console.debug, console.info, console.warn and console.error can be used to print debugging information to the console. For example:
function f(a, b) {
console.log("a is ", a, "b is ", b);
}
The output is generated using the qCDebug, qCWarning, qCCritical methods in C++, with a category of "qml" or "js", depending on the type of file doing the logging. See also Debugging Techniques.
Assert
console.assert
tests that an expression is true. If not, it will write an optional message to the console and print the stack trace.
function f() {
var x = 12
console.assert(x == 12, "This will pass");
console.assert(x > 12, "This will fail");
}
Timer
console.time
and console.timeEnd log the time (in milliseconds) that was spent between the calls. Both take a string argument that identifies the measurement. For example:
function f() {
console.time("wholeFunction");
console.time("firstPart");
// first part
console.timeEnd("firstPart");
// second part
console.timeEnd("wholeFunction");
}
Trace
console.trace
prints the stack trace of the JavaScript execution at the point where it was called. The stack trace info contains the function name, file name, line number and column number. The stack trace is limited to last 10 stack frames.
Count
console.count
prints the current number of times a particular piece of code has been executed, along with a message. That is,
function f() {
console.count("f called");
}
will print f called: 1
, f called: 2
... whenever f()
is executed.
Profile
console.profile
turns on the QML and JavaScript profilers. Nested calls are not supported and a warning will be printed to the console.
console.profileEnd
turns off the QML and JavaScript profilers. Calling this function without a previous call to console.profile will print a warning to the console. A profiling client should have been attached before this call to receive and store the profiling data. For example:
function f() {
console.profile();
//Call some function that needs to be profiled.
//Ensure that a client is attached before ending
//the profiling session.
console.profileEnd();
}
Exception
console.exception
prints an error message together with the stack trace of JavaScript execution at the point where it is called.
Debugging Module Imports
The QML_IMPORT_TRACE
environment variable can be set to enable debug output from QML's import loading mechanisms.
For example, for a simple QML file like this:
import QtQuick 2.3 Rectangle { width: 100; height: 100 }
If you set QML_IMPORT_TRACE=1
before running the QML Scene (or your QML C++ application), you will see output similar to this:
QQmlImportDatabase::addImportPath "/qt-sdk/imports"
QQmlImportDatabase::addImportPath "/qt-sdk/bin/QMLViewer.app/Contents/MacOS"
QQmlImportDatabase::addToImport 0x106237370 "." -1.-1 File as ""
QQmlImportDatabase::addToImport 0x106237370 "Qt" 4.7 Library as ""
QQmlImportDatabase::resolveType "Rectangle" = "QDeclarativeRectangle"
QML Debugging Infrastructure
The Qt QML module provides services for debugging, inspecting, and profiling applications via a TCP port.
Enabling the Infrastructure
You have to explicitly enable the debugging infrastructure when compiling your application. If you use qmake, you can add the configuration parameters to the project .pro file:
- Qt Quick 1:
CONFIG+=declarative_debug
- Qt Quick 2:
CONFIG+=qml_debug
If you use some other build system, you can pass the following defines to the compiler:
- Qt Quick 1:
QT_DECLARATIVE_DEBUG
- Qt Quick 2:
QT_QML_DEBUG
Note: Enabling the debugging infrastructure might compromise the integrity of the application and system, and therefore, you should only enable it in a controlled environment. When the infrastructure is enabled, the application displays the following warning:
QML debugging is enabled. Only use this in a safe environment.
Starting Applications
Start the application with the following arguments:
-qmljsdebugger=port:<port_from>[,port_to][,host:<ip address>][,block]
Where port_from
(mandatory) specifies either the debugging port or the start port of a range of ports when port_to
is specified, ip address
(optional) specifies the IP address of the host where the application is running, and block
(optional) prevents the application from running until the debug client connects to the server. This enables debugging from the start.
After the application has successfully started, it displays the following message:
QML Debugger: Waiting for connection on port <port_number>
Connecting to Applications
When the application is running, an IDE or a tool that implements the binary protocol can connect to the open port.
Qt provides a qmlprofiler
command line tool to capture profiling data in a file. To run the tool, enter the following command:
qmlprofiler -p <port> -attach <ip address>
Debugging with Qt Creator
Qt Creator uses the debugging infrastructure to debug, inspect and profile Qt Quick applications on the desktop as well as on remote devices. Qt Creator provides integrated clients for debugging JS, inspecting the object tree, and profiling the activities of a QML engine. For more information, see Qt Creator: Debugging Qt Quick Projects.
参考链接:
http://doc.qt.io/qt-5/qtquick-debugging.html
http://doc.qt.io/qtcreator/creator-debugging-helpers.html
Debugging QML Applications的更多相关文章
- QML官方系列教程——QML Applications
附网址:http://qt-project.org/doc/qt-5/qmlapplications.html 假设你对Qt的官方demo感兴趣,能够參考本博客的另一个系列Qt5官方demo解析集 每 ...
- Porting QML Applications to Qt 5
When porting QML-related code from Qt 4.8 to Qt 5, application developers should be aware that the Q ...
- 使用QML绘制界面
1 使用QML设计登录界面 https://www.cnblogs.com/bhlsheji/p/5324871.html 2 使用QML实现下拉列表框 https://blog.csdn.net/ ...
- [QT_QML]qml假如调试信息 qDebug console.debug
WinSys: win7 Qt Version: 5.8.0 使用Console调试 console.log 打印日志信息console.debug 打印调试信息console.info 打印普通信息 ...
- Top 10 Java Debugging Tips with Eclipse
In this tutorial we will see about debugging java applications using Eclipse. Debugging helps us to ...
- Qt 5.7 > QML
本文档翻译自Qt官方文档: http://doc.qt.io/qt-5/qtqml-index.html Qt QML Qt QML模块使用QML语言为开发应用与库提供一个框架.它定义并实现了语言与引 ...
- Debugging java application with netbean
Debugging Java Applications with NetBeans from:https://manikandanmv.wordpress.com/2009/09/24/debu ...
- ero-configuration Web Application Debugging with Xdebug and PhpStorm
1. Install Xdebug To use Xdebug with PhpStorm for debugging PHP applications, you need to have a PHP ...
- 词频统计_输入到文件_update
/* 输入文件见337.in.txt 输出文件见338.out.txt */ #include <iostream> #include <cctype> #include &l ...
随机推荐
- Electron小记
一.安装 1.安装NodeJS 2.安装electronjs:npm install -g electron --unsafe-perm=true --allow-root 安装完,环境为: Node ...
- JS基础,课堂作业,三个数字排序
三个数字大小排序 <script> var a = parseInt(prompt("请输入第一个整数:")); var b = parseInt(prompt(&qu ...
- Openwrt能用的花生壳客户端
http://files.cnblogs.com/mazhiyong/phddns.zip 使用教程可参考官方文档 http://service.oray.com/question/116.html
- flex布局与ellipsis冲突问题
在flex布局里使用text-overflow: ellipsis;发现没有省略. 解决方案 .g-flex-c{ flex: 1; min-width: 0; }
- v-for 指令
JS部分: var app = new Vue({ el: "#app", data() { return { list: [1, 2, 3, 4], objList: [ { i ...
- Java如何调用shell脚本的
有些时候会碰到这样的场景:java的功能里面要嵌入一个功能点,这个功能是通过是shell脚本实现的.这种时候就需要Java对脚本调用的支持了. 测试环境 Ubuntu16.04 i3-6100,12G ...
- 各web服务器的特点和优势
1.Tomcat 和 Jetty 面向java语言 天生就是重量级的web服务器.性能一般 2.IIS 只能在windows平台运行,windows作为服务器在稳定性与其他一些性能上不如类unix操作 ...
- 2017软工 — 每周PSP
1. PSP表格 2. PSP饼图 3. 本周进度条 4. 累计折线图
- TensorFlow:NameError: name ‘input_data’ is not defined
在运行TensorFlow的MNIST实例时,第一步 import tensorflow.examples.tutorials.mnist.input_data mnist = input_data. ...
- springboot+vue+element:echarts开发遇见问题---后端sql(三)
<select id="getSumRequestRankingCount" parameterType="java.lang.String" resul ...