uwp => WebView-navigering

Anmärkningar

Alla exempel som hämtar data från en fjärr-URL måste ha kapaciteten "Internet (klient)" kontrollerad i Package.appxmanifest. För exempel som bara manipulerar lokala data är det inte nödvändigt.

Navigera till Uri

Den här koden navigerar helt enkelt WebView till vissa Uri:

this.webView.Navigate(new Uri("http://stackoverflow.com/"));

eller

this.webView.Source = new Uri("http://stackoverflow.com/");

Navigera med HttpRequestMessage

Ställ in anpassad användaragent och navigera till Uri:

var userAgent = "my custom user agent";
var uri = new Uri("http://useragentstring.com/");
var requestMessage = new HttpRequestMessage(HttpMethod.Get, uri);
requestMessage.Headers.Add("User-Agent", userAgent);

this.webView.NavigateWithHttpRequestMessage(requestMessage);

Navigera till sträng

Visa specificerad html-sträng i WebView:

var htmlString = 
    @"<!DOCTYPE html>
      <html>
          <head><title>HTML document</title></head>
          <body>
              <p>This is simple HTML content.</p>
          </body>
      </html>";

this.webView.NavigateToString(htmlString);

Öppna HTML-fil från apppaketet

Du kan enkelt öppna en fil från ditt apppaket, men Uri-schemat måste vara "ms-appx-web" istället för "ms-appx":

var uri = new Uri("ms-appx-web:///Assets/Html/html-sample.html");
this.webView.Navigate(uri);

Öppna HTML-fil från den lokala mappen eller temp-mappen för appen

För att öppna en fil från en lokal mapp eller en temporär mapp får målfilen inte finnas i de mapparnas rot. Av säkerhetsskäl måste filen som är avsedd för visning vara placerad i en undermapp för att förhindra att annat innehåll exponeras av WebView:

var uri = new Uri("ms-appdata:///local/html/html-sample.html");
this.webView.Navigate(uri);

NavigateToLocalStreamUri

Om NavigateToString inte kan hantera något innehåll, använd NavigateToLocalStreamUri-metoden. Det kommer att tvinga varje lokalt refererad URI på HTML-sidan att ringa till den speciella upplösarklassen, som kan tillhandahålla rätt innehåll.

Tillgångar / Html / html-sample.html-fil:

<!DOCTYPE html>
<html>
    <head>
        <title>HTML document</title>
    </head>
    <body>
        <p>This is simple HTML content.</p>
        <img src="cat.jpg"/>
    </body>
</html>

Koda:

protected override void OnNavigatedTo(NavigationEventArgs args)
{
    // The Uri resolver takes is in the form of "ms-local-stream://appname_KEY/folder/file"
    // For simplicity, there is method BuildLocalStreamUri which returns correct Uri.
    var uri = this.webView.BuildLocalStreamUri("SomeTag", "/html-sample.html");
    var resolver = new StreamUriResolver();
    this.webView.NavigateToLocalStreamUri(uri, resolver);

    base.OnNavigatedTo(args);
}


public sealed class StreamUriResolver : IUriToStreamResolver
{
    public IAsyncOperation<IInputStream> UriToStreamAsync(Uri uri)
    {
        if (uri == null)
        {
            throw new ArgumentNullException(nameof(uri));
        }

        var path = uri.AbsolutePath;

        return GetContent(path).AsAsyncOperation();
    }


    private async Task<IInputStream> GetContent(string uriPath)
    {
        Uri localUri;

        if (Path.GetExtension(uriPath).Equals(".html"))
        {
            localUri = new Uri("ms-appx:///Assets/Html" + uriPath);
        }
        else
        {
            localUri = new Uri("ms-appdata:///local/content" + uriPath);
        }

        var file = await StorageFile.GetFileFromApplicationUriAsync(localUri);
        var stream = await file.OpenAsync(FileAccessMode.Read);

        return stream.GetInputStreamAt(0);
    }
}

Den här koden tar HTML-sidan från apppaketet och bäddar in innehåll från den lokala mappen i den. Förutsatt att du har bilden "cat.jpg" i mappen / local / content, kommer den att visa HTML-sida med kattbild.

Modified text is an extract of the original Stack Overflow Documentation

Licensierat under CC BY-SA 3.0

Inte anslutet till Stack Overflow

uwp
WebView-navigering

Sök…