A Better Browsing Experience: Listing 3.

Using InvokeScript to load CSS content.

private void BrowserLoadCompleted(object sender, NavigationEventArgs e)
{
  ApplyStyleSheet("mobile.css");

  VisualStateManager.GoToState(this, "Loaded", true);
} 

private void ApplyStyleSheet(string cssFilename)
{
  var sr = Application.GetResourceStream(new Uri(cssFilename, UriKind.Relative));
  using (var strm = sr.Stream)
  using (var reader = new StreamReader(strm))
  {
    string css = reader.ReadToEnd().Replace("\r", "").Replace("\n", "");

    var scriptToRun =
        "(function() {" +
        "  var pa= document.getElementsByTagName('head')[0] ; " +
        "  var el= document.createElement('style'); " +
        "  el.type= 'text/css'; " +
        "  el.media= 'screen'; " +
        "  el.styleSheet.cssText= '" + css + "'; " +
        "  pa.appendChild(el); " +
        "})();";
    Browser.InvokeScript("eval", scriptToRun);
  }
}

About the Author

Nick Randolph runs Built to Roam, a consulting company that specializes in training, mentoring and assisting other companies build mobile applications. With a heritage in rich client applications for both the desktop and a variety of mobile platforms, Nick currently presents, writes and educates on the Windows Phone platform.

comments powered by Disqus

Featured

  • ML.NET Improves Object Detection

    Microsoft improved the object detection capabilities of its ML.NET machine learning framework for .NET developers, adding the ability to train custom models with Model Builder in Visual Studio.

  • More Improvements for VS Code's New Python Language Server

    Microsoft announced more improvements for the new Python language server for Visual Studio Code, Pylance, specializing in rich type information.

  • Death of the Dev Machine?

    Here's a takeaway from this week's Ignite 2020 event: An advanced Azure cloud portends the death of the traditional, high-powered dev machine packed with computing, memory and storage components.

  • COVID-19 Is Ignite 2020's Elephant in the Room: 'Frankly, It Sucks'

    As in all things of our new reality, there was no escaping the drastic changes in routine caused by the COVID-19 pandemic during Microsoft's big Ignite 2020 developer/IT pro conference, this week shifted to an online-only event after drawing tens of thousands of in-person attendees in years past.

  • Visual Studio 2019 v16.8 Preview Update Adds Codespaces

    To coincide with the Microsoft Ignite 2020 IT pro/developer event, the Visual Studio dev team shipped a new update, Visual Studio 2019 v16.8 Preview 3.1, with the main attraction being support for cloud-hosted Codespaces, now in a limited beta.

Upcoming Events