代码之家 › 专栏 › 技术社区 › swanson

QWebView未加载外部CSS

pyside qwebview pyqt qt python

3

swanson · 技术社区 · 15 年前

我使用QWebView来显示一些内容,我想使用自定义的CSS来调整输出。我发现我可以使用 QWebSettings.setUserStyleSheetUrl() 方法将我自己的CSS加载到视图中。这个 .css 文件与主程序在同一目录中。

self.webview = QWebView(MainWindow)
self.webview.settings().setUserStyleSheetUrl(QUrl.fromLocalFile("myCustom.css"))

但是,当我使用 setHtml() . 我已经测试了CSS是否在标准浏览器中正确地应用于HTML。

知道我做错了什么吗?

3 回复 | 直到 11 年前

1

7

fviktor 14 年前

在qt中,所有指向外部文件的路径都需要 绝对的 路径,而不是相对路径。

为了解决这个问题,我添加了以下更改:

path = os.getcwd()
self.webview.settings().setUserStyleSheetUrl(QUrl.fromLocalFile(path + "/myCustom.css"))

一切正常。希望这将有助于将来的某个人,并为他们节省几个小时的调试时间。

2

1

Piotr Dobrogost 14 年前

在qt中,指向外部文件的所有路径必须是绝对路径,而不是相对的。

那不是真的。下面的代码适用于我。

#include <QtCore>
#include <QtGui>
#include <QtWebKit>

int main(int argc, char ** argv)
{
    QApplication app(argc, argv);

    QMainWindow mainWindow;

    QWebView* webView = new QWebView(&mainWindow);
    webView->settings()->setUserStyleSheetUrl(QUrl::fromLocalFile("google.css"));

    QFile source("google.html");
    source.open(QIODevice::ReadOnly);
    webView->page()->mainFrame()->setHtml(QString::fromUtf8(source.readAll().constData()));

    mainWindow.setCentralWidget(webView);
    mainWindow.show();

    return app.exec();
}

.css文件在同一目录中作为我的主要节目。

相对路径是相对于当前工作目录来解释的,而当前工作目录不需要与可执行文件的目录相同。

3

1

Community CDub 7 年前

我刚刚遇到了这个问题,所以我将在这里发布我的测试代码段;代码段在与python脚本相同的目录中生成自己的.html和.css文件;脚本是从同一目录调用进行测试的。

至少在 python / pyqt4 中,似乎-确实-it is only absolute paths that work with sethtml 。


   
    
     
      
       测试代码可以:
      
      
       
        完全失败(完全空白[
        
         在这种情况下,我真的希望
         
          qwebview
         
         吐出一些错误消息;found
         
          当qtWebKit无法加载页面时,如何获取详细的错误消息?但不能让它工作
         
        
       
       
        
         
          显示不带CSS样式的内容;。
         
         
          或者显示样式为的内容:
         
        
        
         
          
           
          
         
         
          
           
            sethtml
            
             method似乎只显示带有规范的样式文本
             
              c3
              
               ,where
               
                file://
                
                 +absolute path is used.(
                 
                  edit:just wanted to note that the suggestion in
                 
                
               
              
             
            
           
          
          
           
            
             
              
               
                
                 
                  this post
                 
                 
                  ,to“try
                 
                 
                  arora
                 
                 
                  (a very simple wrapping on to p of qtwebkit);if it works,its your code.如果没有,则是网站。“对重复检查行为非常有帮助。”
                 
                
               
              
             
            
           
          
         
         
          
           
            
             
              
               
                
                 
                  这是对脚本进行测试的设置:
                 
                
                $lsb_release--描述--代码名
描述:Ubuntu 11.04
代号:纳蒂

$apt show版本-r python-qt4
python-qt4/natty最新版本4.8.3-2
python-qt4-dbus/natty最新版本4.8.3-2

$apt显示版本-r libqtwebkit4
libqtwebkit4/natty到2.1~真的2.0.2-0用户1

$python—版本
Python 2.7.1+
< /代码> 

脚本是:

qtwebkit test.py。


<预先> <代码>!/usr/bin/env python

#部分来自:
#http://pysnippet.blogspot.com/2010/01/more-fun-with-qwebkit.html

导入系统
导入操作系统
从pyqt4导入qtcore
从pyqt4导入qtgui
从pyqt4导入qtwebkit

全局HTMLTEXT

def generatefiles():
全局HTMLTEXT

打印“发电机正在运行”

CSSTEXT =“”
正文{
背景色:058;
保证金:0PX;
颜色:红色;
}
“”

css_file=open(“test.css”,“w”)。
css_file.write(csstext)
css_file.close()关闭


htmltextTop=“”
&!doctype html public“-//w3c//dtd html 4.01 transitional//en”>
& HTML& GT;
&头;
<meta http equiv=“content type”content=“text/html;charset=utf-8”>
“”

htmltextBottom=“”
<title>qtwebkit测试</title>
和/头& GT;
和身体;
<h1>标题</h1>
<P>只是为了测试….lt;/P>
<P>……再测试一些</p>
和/身体;
& lt//html & gt;
“”

cssopen='<link rel=“stylesheet”type=“text/css”href=“'
cssClose=''>'

α1 C1
cssfile=“测试.css”
第二类C2
#~css file=os.path.abspath(os.path.dirname(uu file_uuu))+“/”+“测试.css”
C3
#~css file=“file:/”+os.path.abspath(os.path.dirname(uu file_uu))+“/”+“测试.css”
C4
#~css file=“qrc:/”+os.path.abspath(os.path.dirname(uu file_uu))+“/”+“测试.css”
αc5(空)
#~cssfile=“”

cssline=cssopen+cssfile+cssclose

#~htmltext=htmltexttop+htmltextbottom不带css
htmltext=htmltexttop+cssline+htmltextbottom

html_file=open(“test.html”,“w”)。
html_file.write(HTML文本)
html_file.close()。


DEF主体():
全局HTMLTEXT

生成文件()
qapp=qtgui.qapplication(系统argv)

webview=qtwebkit.qwebview()。

α1
#~webview.load(qtcore.qurl.fromlocalfile(“test.html”))失败

α2
#~webview.load(qtcore.qurl.fromlocalfile(“./test.html”))失败

#三级
#~webview.load(qtcore.qurl.fromlocalfile(os.path.abspath(os.path.dirname(uu file_uuu))+“/”+“test.html”))此选项适用于c1-c3

β-色氨酸
打印HTMLTEXT
webview.sethtml(htmltext)与c3一起使用(其余部分未设置样式)

显示()
WebView.Resize(500,400)
webview.setwindowtitle(uu文件_uuu)
系统退出(qapp.exec_u())


如果“名称”,
主体()
< /代码> 
在与python脚本相同的目录中操作自己的.html和.css文件;从同一目录调用该脚本进行测试。

至少在python/PyQt4似乎是的只有使用的绝对路径setHtml.

测试代码可以:


完全失败(完全空白[如果那样的话,我真的希望QWebView吐出一些错误信息;发现How to get detailed error message when QTWebKit fails to load a page?,但无法使其工作)
显示不带CSS样式的内容;
或者显示样式化的内容:




这个塞特曼方法似乎只显示带有规范的样式文本c3在哪里file://+使用绝对路径。(编辑:只是想注意到this post“尝试”arora(qtwebkit顶部的一个非常简单的包装);如果它起作用,它就是您的代码。如果不这样做,那就是网站。”对于反复检查行为非常有帮助。)

这是对脚本进行测试的设置:

$ lsb_release --description --codename 
Description:    Ubuntu 11.04
Codename:   natty

$ apt-show-versions -r python-qt4
python-qt4/natty uptodate 4.8.3-2
python-qt4-dbus/natty uptodate 4.8.3-2

$ apt-show-versions -r libqtwebkit4
libqtwebkit4/natty uptodate 2.1~really2.0.2-0ubuntu1

$ python --version
Python 2.7.1+


脚本是:

qtwebkit-test.py

#!/usr/bin/env python

# portions from:
# http://pysnippet.blogspot.com/2010/01/more-fun-with-qwebkit.html

import sys
import os
from PyQt4 import QtCore
from PyQt4 import QtGui
from PyQt4 import QtWebKit

global htmltext

def GenerateFiles():
  global htmltext

  print "GenerateFiles running"

  csstext = """
  body {
    background-color: #058;
    margin: 0px;
    color: red;
  }
  """

  css_file = open("test.css", "w")
  css_file.write(csstext)
  css_file.close()


  htmltextTop = """
  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  <html>
  <head>
  <meta http-equiv="content-type" content="text/html; charset=utf-8">
  """

  htmltextBottom = """
  <title>qtwebkit-test</title>
  </head>
  <body>
  <h1>HEADING</h1>
  <p>Just to test ....</p>
  <p>.... and test some more</p>
  </body>
  </html>
  """

  cssopen = '<link rel="stylesheet" type="text/css" href="'
  cssclose = '">'

  # c1
  cssfile = "test.css"
  # c2
  #~ cssfile = os.path.abspath(os.path.dirname(__file__)) + "/" + "test.css"
  # c3
  #~ cssfile = "file://" + os.path.abspath(os.path.dirname(__file__)) + "/" + "test.css"
  # c4
  #~ cssfile = "qrc://" + os.path.abspath(os.path.dirname(__file__)) + "/" + "test.css"
  # c5 (empty)
  #~ cssfile = ""

  cssline = cssopen + cssfile + cssclose

  #~ htmltext = htmltextTop + htmltextBottom      # without css
  htmltext = htmltextTop + cssline + htmltextBottom

  html_file = open("test.html", "w")
  html_file.write(htmltext)
  html_file.close()


def main():
  global htmltext

  GenerateFiles()
  qApp = QtGui.QApplication(sys.argv)

  webView = QtWebKit.QWebView()

  # l1
  #~ webView.load(QtCore.QUrl.fromLocalFile("test.html")) # fails

  # l2
  #~ webView.load(QtCore.QUrl.fromLocalFile("./test.html")) # fails

  # l3
  #~ webView.load(QtCore.QUrl.fromLocalFile(os.path.abspath(os.path.dirname(__file__)) + "/" + "test.html")) # this works with #c1-#c3

  # setHtml
  #print htmltext
  webView.setHtml(htmltext) # works with #c3 (rest are unstyled)

  webView.show()
  webView.resize(500, 400)
  webView.setWindowTitle(__file__)
  sys.exit(qApp.exec_())


if __name__ == "__main__":
    main()