uwp => Nawigacja WebView

Uwagi

Wszystkie przykłady, które pobierają dane ze zdalnego adresu URL, muszą mieć opcję „Internet (klient)” zaznaczoną w Package.appxmanifest. W przypadku przykładów, które manipulują tylko danymi lokalnymi, nie jest to konieczne.

Przejdź do Uri

Ten kod po prostu nawiguje WebView do niektórych Uri:

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

lub

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

Nawiguj za pomocą HttpRequestMessage

Ustaw niestandardowego klienta użytkownika i przejdź do 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);

Przejdź do ciągu

Pokaż określony ciąg HTML w 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);

Otwórz plik HTML z pakietu aplikacji

Możesz łatwo otworzyć plik z pakietu aplikacji, ale schemat Uri musi być „ms-appx-web” zamiast „ms-appx”:

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

Otwórz plik HTML z lokalnego folderu aplikacji lub folderu tymczasowego

Aby otworzyć plik z folderu lokalnego lub folderu tymczasowego, plik docelowy nie może znajdować się w katalogu głównym tych folderów. Ze względów bezpieczeństwa, aby zapobiec ujawnieniu innej zawartości przez WebView, plik przeznaczony do wyświetlania musi znajdować się w podfolderze:

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

NavigateToLocalStreamUri

W przypadku, gdy NavigateToString nie może obsłużyć niektórych treści, użyj metody NavigateToLocalStreamUri. Zmusi wszystkie identyfikatory URI z odwołaniami lokalnymi na stronie HTML do wywołania specjalnej klasy resolvera, która może zapewnić odpowiednią treść w locie.

Plik Assets / Html / html-sample.html:

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

Kod:

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);
    }
}

Ten kod pobierze stronę HTML z pakietu aplikacji i osadzi w niej zawartość z folderu lokalnego. Pod warunkiem, że masz obraz „cat.jpg” w folderze / local / content, wyświetli stronę HTML z obrazem kota.

Modified text is an extract of the original Stack Overflow Documentation

Licencjonowany na podstawie CC BY-SA 3.0

Nie związany z Stack Overflow

uwp
Nawigacja WebView

Szukaj…