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

  • .NET Core Ranks High Among Frameworks in New Dev Survey

    .NET Core placed high in a web-dominated ranking of development frameworks published by CodinGame, which provides a tech hiring platform.

  • Here's a One-Stop Shop for .NET 5 Improvements

    Culled from reams of Microsoft documentation, here's a high-level summary of what's new for performance, networking, diagnostics and more, along with links to the nitty-gritty details for those wanting to dig in more.

  • Azure SQL Database Ranked Among Top 3 Databases of 2020

    Microsoft touted the inclusion of Azure SQL Database among the top three databases of 2020 in a popularity ranking by DB-Engines, which collects and manages information about database management systems, updating its lists monthly.

  • Time Tracker Says VS Code Is No. 1 Editor for Devs, Some Working 15+ Hours Per Day

    WakaTime, which does time tracking for programmers, released data for 2020 showing that Visual Studio Code is by far the top editor/IDE used by its coders, some of whom are hacking away for more than 15 hours per day.

Upcoming Events