WebView

Рекомендуємо хостинг TIMEWEB

Stabiles Hosting des sozialen Netzwerks EVILEG. Wir empfehlen VDS-Hosting für Django-Projekte.

Добрый день.

Самый простой однооконный вариант реализуется так

import QtQuick 2.12
import QtQuick.Window 2.12
import QtWebView 1.13
import QtQuick.Controls 2.13

Window {
    visible: true
    width: 640
    height: 480
    title: qsTr("Hello World")

    TextField {
        id: textEdit
        anchors.left: parent.left
        anchors.top: parent.top
        anchors.right: button.left
    }

    Button {
        id: button
        text: "Go"
        anchors.top: parent.top
        anchors.right: parent.right

        onClicked: {
            webView.url = textEdit.text
        }
    }

    WebView {
        id: webView
        anchors.left: parent.left
        anchors.top: textEdit.bottom
        anchors.right: parent.right
        anchors.bottom: parent.bottom
    }
}

Результат выглядит так

Конкретно в вашем случае, если у вас два qml файла, нужно смотреть код, возможно нужно будет прописать alias`ы на нужные объекты, чтобы всё увязать друг с другом.

Спасибо, кажется понял, почему у меня не работало.

Вообщем когда все было на одной странице все работало, На двух нет(

я не экстрасенс. нужно смотреть ваш код

id: expressPage
    allowedOrientations: Orientation.All

    function setUrl(str) {
        webView.url = str
    }

    SilicaWebView {
        id: webView
        // PullDownMenu and PushUpMenu must be declared in SilicaFlickable, SilicaListView or SilicaGridView
        PullDownMenu {
            MenuItem {
                text: qsTr("Вернуться на welcome")
                onClicked: {
                    pageStack.clear()
                    pageStack.push(Qt.resolvedUrl("Welcome.qml"))
                }
            }
            MenuItem {
                text: qsTr("Выход")
                onClicked: {
                    Qt.quit()
                }
            }
        }
        anchors.fill: parent

        onLoadingChanged: {
            console.log(webView.url)
            webView.update()
        }

        quickScrollAnimating: true

        experimental.preferences.webGLEnabled: true
        experimental.preferences.notificationsEnabled: true
        experimental.preferences.dnsPrefetchEnabled: true
        experimental.preferences.javascriptEnabled: true
    }

Примерно как выглядит webview, может я что-то не дописал

// To enable PullDownMenu, place our content in a SilicaFlickable
    SilicaListView {
        id: flickId
        anchors.fill: parent

        // PullDownMenu and PushUpMenu must be declared in SilicaFlickable, SilicaListView or SilicaGridView
        PullDownMenu {
            MenuItem {
                text: qsTr("Выход")
                onClicked: {
                    webApp.setAddress("")
                    Qt.quit()
                }
            }
        }

        Column {
            width: parent.width
            spacing: Theme.paddingLarge
            Label {
                id: emptyLabel
                height: mainPage.height / 3
                width: parent.width
            }

            TextField {
                id: textField
                width: parent.width

                horizontalAlignment: Text.AlignHCenter
                anchors.horizontalCenter: parent.horizontalCenter
                anchors.horizontalCenterOffset: Theme.horizontalPageMargin
                placeholderText: qsTr("www.google.com")
                validator: RegExpValidator { regExp: /^(https?:\/\/)?([\da-z\.-]+)\.([a-z\.]{2,6})([\/\w \.-]*)*\/?$/ }
                onTextChanged: {
                    console.log(textField.text)
                }
            }
            Button {
                id: btnId
                anchors.horizontalCenter: parent.horizontalCenter
                text: "Send url"
                onClicked: {
                    webApp.setUrl(textField.text)
                    pageStack.push(Qt.resolvedUrl("WebView.qml"))
                }
            }
            Label {
                id: orId
                color: Theme.highlightBackgroundColor
                anchors.horizontalCenter: parent.horizontalCenter
                text: "or"
            }
            Button {
                id: btnSettings
                text: "Settings"
                anchors.horizontalCenter: parent.horizontalCenter
                onClicked: {
                    var urlPath = "http://" + initWeb.getAddress()
                    webApp.setUrl(urlPath)
                    pageStack.push(Qt.resolvedUrl("WebView.qml"))
                }
            }

Это первая страница

Функция getAddress, возвращает строку из qsettings, из плюсовой части.

так у вас ещё не чистый QML а Sailfish framework... Но тут очевидно ошибки логические и отсутствие правильного доступа к id. Дело не в самом фреймворке.

Как называются эти две страницы и как они соотносятся друг с другом. Вторая страница вложена в первую? Первая называется WebView.qml? Что такое pageStack и откуда вы его взяли? Я не вижу в коде id: pageStack, да и обращение к id webApp во второй странице в этом коде является некорректным, поскольку доступа к нему нет.

P/S/ в дальнейшем используйте специальный диалог для вставки программного кода на сайте. В toolbar редактора находится. Иначе некорректно делается форматирование.

Извините описался, уже поправил, страницы Welcome и WebApp.

тем не менее я не вижу pageStack, если это классический StackView, то сначала нужно загрузить в него WebView.qml, а потом пытаться загружать url

Как-то так

pageStack.push(Qt.resolvedUrl("WebView.qml"))
var urlPath = "http://" + initWeb.getAddress()
pageStack.currentItem.setUrl(urlPath)

Спасибо, исправил. Буду разбираться дальше, он что и сам обновляться не хочет

Вот знаете, это вот треш

onUrlChanged: {
    console.log(webView.url)
    webView.url = "http://www.google.com/"
}

Представляете, как это работает?

Вы устанавливаете url, срабатывает onUrlChanged, выводит в консоль, вы снова устанавливаете url, срабатывает onUrlChanged, выводит в консоль, вы снова устанавливаете url, срабатывает onUrlChanged, выводит в консоль, вы снова устанавливаете url, срабатывает onUrlChanged, выводит в консоль, вы снова устанавливаете url, срабатывает onUrlChanged, выводит в консоль, вы снова устанавливаете url, срабатывает onUrlChanged, выводит в консоль, вы снова устанавливаете url, срабатывает onUrlChanged, выводит в консоль, вы снова устанавливаете url, срабатывает onUrlChanged, выводит в консоль, вы снова устанавливаете url, срабатывает onUrlChanged, выводит в консоль, вы снова устанавливаете url, срабатывает onUrlChanged, выводит в консоль, вы снова устанавливаете url, срабатывает onUrlChanged, выводит в консоль, вы снова устанавливаете url, срабатывает onUrlChanged, выводит в консоль, вы снова устанавливаете url, срабатывает onUrlChanged, выводит в консоль, вы снова устанавливаете url, срабатывает onUrlChanged, выводит в консоль, вы снова устанавливаете url, срабатывает onUrlChanged, выводит в консоль, вы снова устанавливаете url, срабатывает onUrlChanged, выводит в консоль, вы снова устанавливаете url, срабатывает onUrlChanged, выводит в консоль, вы снова устанавливаете url, срабатывает onUrlChanged, выводит в консоль, вы снова устанавливаете url, срабатывает onUrlChanged, выводит в консоль, вы снова устанавливаете url, срабатывает onUrlChanged, выводит в консоль, вы снова устанавливаете url, срабатывает onUrlChanged, выводит в консоль, вы снова устанавливаете url, срабатывает onUrlChanged, выводит в консоль, вы снова устанавливаете url, срабатывает onUrlChanged, выводит в консоль, вы снова устанавливаете url

Понятно?

Да