Fatal编程技术网
  • csharp/
  • C# 如何将css与从服务器接收的html字符串相关联？

C# 如何将css与从服务器接收的html字符串相关联？

c# html css webview

C# 如何将css与从服务器接收的html字符串相关联？,c#,html,css,webview,microsoft-metro,C#,Html,Css,Webview,Microsoft Metro,我正在开发一个metro应用程序。 假设我收到一个字符串（html），并在webview中加载该字符串。 如何将.css与该html关联 更新： WebViewColumnRight是一种android方法；我正在开发一个metro应用程序c#。我想说的是，“返回的字符串”应该包含加载css文件所需的引用（例如，如下所示） 并在css文件中定义了it中的元素引用规则。 没有 正如JanivZ所说，一种方法是返回的html字符串应该包含对所需CSS的引用，以便可以自动加载 或者你有另一个选择，

我正在开发一个metro应用程序。 假设我收到一个字符串（html），并在webview中加载该字符串。 如何将.css与该html关联

更新：

WebViewColumnRight是一种android方法；我正在开发一个metro应用程序c#。

我想说的是，“返回的字符串”应该包含加载css文件所需的引用（例如，如下所示）
并在css文件中定义了it中的元素引用规则。
没有

正如JanivZ所说，一种方法是返回的html字符串应该包含对所需CSS的引用，以便可以自动加载

或者你有另一个选择，你可以使用

htmlData=”“+htmlData；
loadDataWithBaseURL（baseUrl，htmlData，“text/html”，“UTF-8”，null）；
在此之后，WebView将能够从基本URL目录中找到您的CSS文件。如果HTML和CSS都来自同一个基本URL，则无需在webView中指定基本URL。loadDataWithBaseURL

如果您正在执行
webView。NavigateToString（stringHtmlContent）
则请插入


string styleSheetString=“”


strUpdatedHtmlContent=stringHtmlContent.Insert（stringHtmlContent.IndexOf（“，styleSheetString）；
那就做吧

WEBVIEW.NavigateToString（strupdatedtmlcontent）

我只是希望这能有所帮助。O还有一件事，请注意css的路径，以及我刚才从上述讨论中计算出来的所有内容……

指向css文件的完整路径的外部样式表。

 <head>
    <link rel="stylesheet" type="text/css" href="full path to css file on server">
    </head>
html附带的内部样式表，不需要依赖css文件

<head>
<style>
hr {color:sienna;}
p {margin-left:20px;}
body {background-image:url("images/back40.gif");}
</style>
</head>

<p style="color:sienna;margin-left:20px">This is a paragraph.</p>


hr{color:sienna；}
p{左边距：20px；}
正文{背景图像：url（“images/back40.gif”）；}
内联样式是实现内部样式表功能（不依赖于外部css文件）的更为复杂的方式。

这是一个段落

例如，提供一个“html字符串”。它是一个完整的页面（带页眉）或者只是一个ajax部分？一个包含css参考的完整页面。好吧，那就创建一个普通的网页。JanivZ给了你+100的答案。我已经更新了这个问题忽略webview响应将返回的html字符串嵌入到你需要的css中，要么是a，要么是a。我正在开发一个包含c#和xaml的metro应用程序。不是android应用程序！哦，抱歉我想我错过了你的问题中关于你正在使用Metro应用程序的那部分。我的错。但基本逻辑将保持不变。我的意思是，你只需要点击链接引用并加载页面。我知道，但我找不到任何有用的函数来做这件事。@Sam…不确定Metro应用程序中是否有这样的方法。但我发现了一篇文章，如果这能解决你的问题的话你的问题。请看一看，我认为这是唯一的方法…或者…也许将html保存在一个文件中，保存在一个外部目录中，其中也放置了style.css，是解决这个问题的另一种方法。 
 <head>
    <link rel="stylesheet" type="text/css" href="full path to css file on server">
    </head>

<head>
<style>
hr {color:sienna;}
p {margin-left:20px;}
body {background-image:url("images/back40.gif");}
</style>
</head>

<p style="color:sienna;margin-left:20px">This is a paragraph.</p>