How to display HTML content?
-
If you have such "complex" html contect with JS and all, than I guess you can't avoid a proper web engine. You could deliver this content with a simple HTTP server instead of downloading it within JSON, presumably, over TCP. There more than one Qt-based projects you may want to look into:
-
Yes, saving it into a local file came into my mind earlier, too - but it did not seemed to be optimal solution when we have such fancy tools to be used... :D
Not to mention saving it into file raise the question where to save it - in cross-platform manner... :-(
-
maybe "QTemporaryFile":http://doc.qt.io/qt-5/qtemporaryfile.html will be my friend...
-
Also check out "QStandardPaths":http://doc.qt.io/qt-5/qstandardpaths.html#StandardLocation-enum. It seems to be supported on Android. Maybe it also works on iOS and WinPhone but docs are not updated yet.
-
Why do you think WebView doesn't have a loadHtml method?
It does: http://doc.qt.io/qt-5/qml-qtwebkit-webview.html#loadHtml-method
So does WebEngineView.
-
WebKit variant of WebView has that method but as I read the documentation it is neither the preferred, nor the futureproof way to go...
The documentation is misleading (wrong), the "'new' WebView":http://doc.qt.io/qt-5/qml-qtwebview-webview.html - as "WebEngineView":http://doc.qt.io/qt-5/qml-qtwebengine-webengineview.html - has no such method... :-(
-
bq. The documentation is misleading (wrong), the ‘new’ WebView [doc.qt.io] – as WebEngineView [doc.qt.io] – has no such method… :-(
I guess I don't understand what you're talking about. If you follow your own link to the WebEngineView docs, there's a loadHtml method listed:
http://doc.qt.io/qt-5/qml-qtwebengine-webengineview.html#loadHtml-method
It's there. It works. I use it every day.
-
[quote author="wpurvis" date="1421678385"]bq. The documentation is misleading (wrong), the ‘new’ WebView [doc.qt.io] – as WebEngineView [doc.qt.io] – has no such method… :-(
I guess I don't understand what you're talking about. If you follow your own link to the WebEngineView docs, there's a loadHtml method listed:
http://doc.qt.io/qt-5/qml-qtwebengine-webengineview.html#loadHtml-method
It's there. It works. I use it every day.
[/quote]
But that is the 'old' WebView (WebKit based, I guess).
The new, preferred, availaable in mobile environment is "this one":http://doc.qt.io/qt-5/qml-qtwebview-webview.html , as I linked earlier...
Anyway, new WebView combined with QTemporaryFile did the trick.
Unfortunately it works only in Android emulator but not in real device - since responseText attribute of "XMLHttpRequest":http://doc.qt.io/qt-5/qtqml-javascript-qmlglobalobject.html contains full, expected response on Android emulator but it contains ' ' only on real Nokia X device... :-(
Here it is the getter, I guess it should be O.K...
@function httpGet(request, timeout, storage, target)
{
var xmlHttp = new XMLHttpRequest();
xmlHttp["storage"] = storage
xmlHttp["target"] = target
xmlHttp.timeout = timeout;
xmlHttp.onreadystatechange = function () {
if (xmlHttp.DONE === xmlHttp.readyState)
{
var responseInJsonFormat = JSON.parse(xmlHttp.responseText)
var statusCode = responseInJsonFormat["status"]
var html = responseInJsonFormat["ad"]var contentLocation = xmlHttp.storage.pushContent(html)
xmlHttp.target.url = "file://"+contentLocation
}
else
{
console.debug("too early - xmlHttp.readyState: ", xmlHttp.readyState)
}
};xmlHttp.open( "GET"
, request
, true // asynchronous call
);
xmlHttp.send( null );
return xmlHttp
}@ -
[quote author="zlutor" date="1422528259"]
[quote author="wpurvis" date="1421678385"]bq. The documentation is misleading (wrong), the ‘new’ WebView [doc.qt.io] – as WebEngineView [doc.qt.io] – has no such method… :-(I guess I don't understand what you're talking about. If you follow your own link to the WebEngineView docs, there's a loadHtml method listed:
http://doc.qt.io/qt-5/qml-qtwebengine-webengineview.html#loadHtml-method
It's there. It works. I use it every day.
[/quote]
But that is the 'old' WebView (WebKit based, I guess).
The new, preferred, availaable in mobile environment is "this one":http://doc.qt.io/qt-5/qml-qtwebview-webview.html , as I linked earlier...
Anyway, new WebView combined with QTemporaryFile did the trick.
Unfortunately it works only in Android emulator but not in real device - since responseText attribute of "XMLHttpRequest":http://doc.qt.io/qt-5/qtqml-javascript-qmlglobalobject.html contains full, expected response on Android emulator but it contains ' ' only on real Nokia X device... :-(
Here it is the getter, I guess it should be O.K...
@function httpGet(request, timeout, storage, target)
{
var xmlHttp = new XMLHttpRequest();
xmlHttp["storage"] = storage
xmlHttp["target"] = target
xmlHttp.timeout = timeout;
xmlHttp.onreadystatechange = function () {
if (xmlHttp.DONE === xmlHttp.readyState)
{
var responseInJsonFormat = JSON.parse(xmlHttp.responseText)
var statusCode = responseInJsonFormat["status"]
var html = responseInJsonFormat["ad"]var contentLocation = xmlHttp.storage.pushContent(html)
xmlHttp.target.url = "file://"+contentLocation
}
else
{
console.debug("too early - xmlHttp.readyState: ", xmlHttp.readyState)
}
};xmlHttp.open( "GET"
, request
, true // asynchronous call
);
xmlHttp.send( null );
return xmlHttp
}@[/quote]Have you tried this on iOS?
-
How can I determine user agent - e.g. the one used by "WebView":http://doc.qt.io/qt-5/qml-qtwebview-webview.html - in Qt5.4?