Qt как открыть html в браузере

Обновлено: 22.01.2025

Я ищу самый простой способ отобразить простой файл html (просто длинный текст в формате html) внутри диалогового окна Qt. Ссылки, если таковые имеются, должны быть открыты во внешнем системном браузере по умолчанию.

2 ответа

Я пытаюсь заставить Qt WebView отображать файл html, который встроен в качестве ресурса Qt, но, похоже, не могу заставить его работать. Я создал новое быстрое приложение Qt и добавил простой файл qml: import QtQuick 2.0 import QtWebKit 3.0 Rectangle < id: content width: 800 height: 600 color.

Нет необходимости в QWebView, используйте QTextBrowser:

также помните QT += виджеты

Рабочий пример в Python с использованием PySide2 :

Что это такое?

В новом бэк-энде используется WebGL, что означает Web Graphic Library . WebGL - это API JavaScript для визуализации 2D и 3D-графики в любом совместимом веб-браузере без использования плагинов. API похож на OpenGL ES 2.0 и может использоваться в элементах canvas HTML5.

Новый бэк-энд будет представлен как техническая функция предварительного просмотра в Qt 5.10.0 и включен в версии Alpha и Beta (на данный момент, Qt 5.10.0 является бета-версией на 1ом этапе разработки).

Плагин распространяется либо по лицензии GPLv3, либо по коммерческим лицензиям. Обратите внимание, что он недоступен в LGPL. Одним из последствий лицензии GPL является то, что если вы ссылаетесь на нее (даже динамически), код вашего приложения попадает под GPL.

Как это использовать

Плагин устанавливается в QTDIR /plugins/platforms/libqwebgl.so (в Windows путь аналогичен).

Ограничения

С выпусками Alpha и Beta 1 Qt 5.10.0 плагин WebGL успешно работал в системе Ubuntu Linux 17.04 с использованием браузера Chromium.

Плагин поддерживает только приложения QML. Неизвестно, будет ли он поддерживать виджеты. По словам разработчиков, поддержку виджетов будет трудно достичь с хорошей производительностью, потому что они полагаются на растеризацию.

Вы можете подумать, что запуск в браузере означает, что приложение будет работать в песочнице и не иметь доступа к каким-либо ресурсам за пределами браузера, например файлам. Однако в браузере выполняется только рендеринг, а само приложение работает как обычное приложение (однако оно может не работать на том же компьютере, что и на дисплее).

С Qt 5.10.0 Beta 1 несколько примеров QML, которые были пробованы, работали достаточно хорошо. Некоторые из них столкнулись с некоторыми проблемами, а некоторые не запускались вообще. Вот скриншоты из нескольких примеров.

Qt Quick Controls Text Editor:
Qt Quick Controls Gallery: QML Photoviewer: SameGame:

Заключение

В прошлом решение о разработке приложения, которое может запускаться нативно или в веб-браузере, обычно подразумевало использование значительно отличающихся стратегий (например, использование Qt/QML или использование HTML5). Предполагая, что плагин WebGL становится стабильным и завершенным, он предложит привлекательный подход для разработки веб-приложений используя Qt и для превращения нативного приложения Qt на базе QML в веб-приложение с минимальными усилиями. Тем не менее, имейте в виду последствия лицензирования, когда вы решаете, использовать ли коммерческую или версию с открытым исходным кодом Qt.

Я с нетерпением жду, когда плагин WebGL будет задокументирован и станет более завершенным в выпуске Qt 5.10.0 в конце этого года

Раньше меня просили изучить, как использовать qt для реализации браузера. Я был пьян, подумав об этом, но ничего не мог с собой поделать. Я боялся чиновников. Мне пришлось послушно провести небольшое исследование и написать его. исследовательские документы были доставлены руководителям, ха-ха, в самом деле, какая компания будет бездействовать и не имеет ничего общего с собственным браузером? Это не очень полезно, но если полезно, да! Содержание опроса прилагается ниже, добро пожаловать в кирпич! !

1. Общее введение

Реализация функции просмотра веб-страниц в настраиваемом браузере в основном использует элемент управления Qwebview, который поставляется с QT. Согласно официальному справочному документу, структура Qwebview показана на следующем рисунке:

Qwebview используется для просмотра и редактирования веб-страниц. Конкретная веб-страница, открытая QWebiew, является объектом QWebPaged. QWebpage может иметь несколько фреймов QWebFrame. В настоящее время пользовательский браузер использует только основной фрейм Qwebpage :: mainFrame ().

QwebView можно вручную перетащить в конструктор интерфейса Qt или создать с помощью программы. Пользовательский браузер определяет новый класс (CUserWebView), который наследует класс QWebview для облегчения других расширенных функций. После добавления CUserWebView к основному интерфейсу вы можете реализовать общие функции браузера. Пользовательский браузер в основном реализует общие функции, такие как ввод URL, просмотр веб-страниц, обновление, назад, вперед, просмотр истории и поиск. Реализация каждой функции следующая:

Создайте поле редактирования ввода URL-адреса (QLineEdit) и добавьте поле редактирования ввода URL-адреса на панель инструментов основного интерфейса и свяжите сигнал нажатия клавиши Enter в поле редактирования с функцией пользовательского слота OnChangeLocation () в настраиваемом Функция слота Вызовите функцию загрузки (strUrl) класса QWebview, чтобы завершить отображение перехода на веб-страницу.

Добавьте функцию Action QWebPage :: Back на панель инструментов основного интерфейса и используйте функцию возврата QwebPage как функцию возврата основного интерфейса.

Добавьте функцию Action QWebPage :: Forward на панель инструментов основного интерфейса и используйте функцию пересылки чисел QwebPage в качестве функции пересылки основного интерфейса.

Добавьте функцию Action QWebPage :: Reload на панель инструментов основного интерфейса и используйте функцию обновления QwebPage как функцию обновления основного интерфейса.

Добавьте функцию Action QWebPage :: Stop на панель инструментов основного интерфейса и используйте функцию остановки QwebPage как функцию остановки основного интерфейса.

Реализация функции истории в основном использует класс QWebHsitory, который в основном используется для хранения истории доступа к QWebPage и обеспечения поддержки для перехода к связанным страницам.Процесс реализации функции истории пользовательского браузера выглядит следующим образом:

Описание:

Добавьте ответ «История» на панель инструментов основного интерфейса и автоматически вызовите соответствующую функцию слота при нажатии на нее.
В функции слота все объекты записи истории (QList <QWebHistoryItem>) получаются с помощью функции items QWebHistory.
Согласно всем полученным историческим записям, заголовок соответствующего элемента получается и отображается в элементе управления QListWidget.
Свяжите сигнал Click QlistWidget и автоматически вызовите соответствующую функцию слота при щелчке по списку.
Получите выбранный элемент через ItemAt (int i) в QWebHistory и получите соответствующий URL-адрес с помощью функции url () в QWebhistoryItem.
В соответствии с полученным URL-адресом функция загрузки в Qwebpage вызывается для загрузки исторической веб-страницы.

Найти функцию

Функция поиска в основном использует функцию findText в QWebPage для реализации функции поиска, которая объявлена следующим образом:

Среди них subString - это входящая строка поиска, а options - это идентификатор обработки поиска, включая HighlightAllOccurrences (все выделены), FindCaseSensitively (с учетом регистра) и т. Д.

2. Модуль настройки прокси

Модуль настройки прокси-сервера в основном предназначен для удовлетворения потребностей пользователей в Интернете в локальной сети. Во-первых, добавьте кнопку настройки в область пользовательских функций системы. Когда пользователь нажимает кнопку настройки, интерфейс настройки прокси-сервера автоматически появляется, так как показано на следующем рисунке:

Среди них, когда установлен флажок «Использовать прокси-сервер для LAN», поля редактирования адреса и порта находятся в доступном состоянии, в противном случае они становятся серыми и недоступными. Процесс реализации настроек прокси показан на рисунке ниже:

Описание:

Интерфейс настройки прокси решает, следует ли отображать такую информацию, как IP-адрес и номер порта, в соответствии со значением bUserProxyFlag.

Настройте информацию о прокси-сервере в соответствии с вашими потребностями.
После завершения настройки интерфейс настройки прокси передает структуру информации прокси объекту настраиваемой функциональной области, и система решает, использовать ли прокси, оценивая значение bUserProxyFlag.
Если прокси не используется, установите прокси как начальный прокси (m_oldProxy), и вызывающая инструкция будет выглядеть следующим образом:

4. Чтобы использовать прокси, установите последний прокси с помощью функции класса QNetworkProxy. Вызывающая инструкция выглядит следующим образом:

Интерактивный модуль Three, JS и QT

После изучения модуля взаимодействия JS и Qt, следующее будет объединять функции в настраиваемом браузере для вызова функций QT через JS, вызова функций JS в QT, QT для создания настраиваемых элементов управления на веб-страницах JS и QT для чтения веб-страниц. описаны в четырех аспектах.

3.1 JS вызывает функцию QT

Откройте локальный файл view.html через настраиваемый браузер, и интерфейс отобразится, как показано на рисунке:

Щелкните, чтобы вызвать объект qt, и интерфейс qt появится следующим образом:

Он показывает, что объект QT успешно вызывается через кнопку JS.

Реализация описанного выше процесса в основном состоит из следующих этапов:

[1] Определите класс коммуникационного взаимодействия, если класс является подклассом класса QObj, основной функцией этого класса является предоставление функций слотов для вызовов функций JS, поскольку JS может вызывать только функции публичных слотов открытых объектов. , поэтому все функции слотов в этом классе являются общедоступными. Функция слота определяется здесь следующим образом

[2] Предоставьте объект функции слота JS

Добавьте объект класса коммуникационного взаимодействия в качестве переменной-члена в класс Cuserview, а затем предоставьте коммуникационный объект JS. Этот процесс реализуется через интерфейс класса QwebFrame:

Среди них «JsWIndowObj» - это имя объекта m_JsWindowObjPtr в тексте JS. Что касается времени предоставления объекта связи для JS, в официальном документе есть рекомендация, то есть он будет открыт, когда javaScriptWindowObjectCleared ( ) сигнал приходит. То есть процесс сохранения интерактивных объектов в JS выглядит следующим образом:

1) В конструкторе CuserView связанная функция сигнала и слота

2) Предоставьте объект связи JS в функции слота

[3] Вызов функции слота открытого объекта в JS, где содержимое html-файла выглядит следующим образом:

На этом этапе нажмите кнопку «call qt object», чтобы вызвать функцию openSpiaclFile (file) в JS, которая вызывает объект, доступный для Js, функцию общедоступного слота OnOpenUrl в JSWindowObj, и функция слота отвечает и выдает соответствующее приглашение. окно.

3.2 QT вызывает функции JS

Откройте файл local view.html через настраиваемый браузер, интерфейс такой, как показано в разделе 6.1, нажмите кнопку тестирования, система отобразит диалоговое окно, как показано ниже:

Он показывает, что объект QT успешно вызывается через кнопку JS.

Реализация вышеупомянутого процесса в основном аналогична описанной в разделе 6.1. Разница в том, что сигнал QT должен быть привязан в файле JS. Базовая реализация состоит из следующих шагов:

[1] Определите класс коммуникационного взаимодействия, который точно такой же, как в разделе 6.1, и добавьте функцию сигнала void ObjSignal (значение int) в файл заголовка.

[2] Предоставьте объект функции слота JS, который точно такой же, как в разделе 6.1, и не будет здесь повторяться.

[3] Свяжите сигнал с функцией JS в JS, как показано ниже:

Во-первых, сигнал выставленному объекту связан с функцией JS, а во-вторых, определяются связанные операции функции.

[4] Добавьте функцию слота сигнала щелчка кнопки тестирования в Qt и отправьте сигнал открытого объекта в функцию слота.

В-четвертых, QT создает настраиваемые элементы управления на веб-странице.

С помощью QT вы можете добавлять пользовательские элементы управления в браузер, в основном путем перегрузки функции создания элемента управления (createPlugin) в QwebPage. Шаги реализации следующие. Сначала создайте класс, наследуемый от QwebPage. В этом классе перегрузите функцию createPlugin. как показано ниже:

С помощью этой функции реализуется набор правил для создания соответствующих подключаемых модулей. Текущие правила в настраиваемых браузерах очень просты и в основном используются для тестирования. То есть, если calssid является кнопкой, то создается кнопка, а слово ddd - отображается на кнопке. lineedit создает элемент управления lineedit.

Затем используйте страницу в CuserView, то есть добавьте в конструктор следующий оператор

Наконец, создайте соответствующий файл веб-страницы, содержимое созданного файла выглядит следующим образом

На этом этапе откройте файл в настраиваемом браузере, и вы обнаружите, что кнопка создана успешно, как показано на следующем рисунке:

Создано указанным выше методомQtWebkitПлагины могут быть двух типов. Один тип должен быть application / x-qt-plugin или application / x-qt-styled-widget. Если вам нужно снять это ограничение, вам необходимо повторно реализовать чистую виртуальную базу. class QWebPluginFactory, здесь не продолжил углубленное исследование.

В-пятых, QT читает элементы веб-страницы

QWebview может читать информацию о каждом узле элемента на веб-странице после загрузки веб-страницы. После загрузки веб-страницы веб-страницу верхнего уровня можно получить с помощью следующего оператора:

Затем, в соответствии с информацией в документе, вы можете получить дочерние узлы, а также содержимое узла и другие элементы.Следующий кратко перечисляет связанные функции QWebElement:

Короче говоря, класс QWebElement содержит большое количество интерфейсов для анализа веб-страниц, которые могут получать информацию о внутренних элементах текущей загруженной веб-страницы.

Интеллектуальная рекомендация

совместный запрос mysql с тремя таблицами (таблица сотрудников, таблица отделов, таблица зарплат)

1. Краткое изложение проблемы: (внизу есть инструкция по созданию таблицы, копирование можно непосредственно практиковать с помощью (mysql)) Найдите отделы, в которых есть хотя бы один сотрудник. Отоб.

[Загрузчик классов обучения JVM] Третий день пользовательского контента, связанного с загрузчиком классов

IP, сеанс и cookie

Долго думал куда это разместить - в web-development или в development. Разместил всё же здесь.

Поискав в Google, нашёл весьма скудную информацию. Поэтому прошу советов.

Отлично. Жаль для Qt совсем мало информации.

Что-то с QML было связанное.

Был рендерер QML на канвасе.

Был порт Qt на Google NaCl, но, по-моему, его так и не допилили. Это в качестве аналога Flash/GWT/Silverlight.

А для чего требуется?

Скажем так: есть программа на компьютере, с которой работает пользователь. И есть задание - чтобы пользователь мог зайти на сайт, увидеть программу и не скачивать, а попробовать прямо в браузере. Мне не очень хочется писать дополнительно что-то на flash или подобном. Хочу решить проблему проще.

Если много пользователей не планируется, то такой вариант сойдет при наличии широкого канала у пользователя. Трафик немаленький, там картинки в png передаются.

note173

Трафик немаленький, там картинки в png передаются.

Заставил меня задуматься о целесообразности такого решения. Ты уверен, что это будет действительно объёмно по траффику и скорости?

Порядка VNC. Целесообразность зависит от целевой аудитории. Если бизнес-энтерпрайз, то можно действительно так сделать. Но, как я уже сказал, обычный сервер тысячи подключений не выдержит.

Возможно, подойдет просто ролик с демонстрацией работы продукта. Если есть техническая возможность обеспечить удаленный доступ к интерфейсу, то представлять как опцию и предупреждать, что нужно хорошее соединение.

note173

Порядка VNC. Целесообразность зависит от целевой аудитории. Если бизнес-энтерпрайз, то можно действительно так сделать. Но, как я уже сказал, обычный сервер тысячи подключений не выдержит.

Вот я тоже самое говорил, но меня упорно склоняют делать обратное. Не все приложения целесообразны для работы в браузере.

Дело не в том, что нравится. Дело в том, что проект уже есть. Ох, ладно. спасибо - посмотрю.

И есть задание - чтобы пользователь мог зайти на сайт, увидеть программу и не скачивать, а попробовать прямо в браузере. Мне не очень хочется писать дополнительно что-то на flash или подобном.

Неадевактное задание, и ты глуп, раз взялся за него, вместо того, чтобы пояснить желающим, что это нетривиальная задача, которая требует отдельного проекта и соответствующих денежных вложений.

Неадевактное задание, и ты глуп, раз взялся за него, вместо того, чтобы пояснить желающим, что это нетривиальная задача, которая требует отдельного проекта и соответствующих денежных вложений.

Я ещё ни за что не взялся. Сейчас ведётся обсуждение. Поэтому и рассматриваю различные варианты.

Читайте также: