Getting the URL of a linked Stylesheet within a web browser control

Question

Getting the URL of a linked Stylesheet within a web browser control

In my C# winform application, I am using a webbrowser control to load some text that includes the following HTML code:

<head>
<link rel="stylesheet" type="text/css" href="d:/git/ArticleScraper/reports/default.css">
</head>

I want to extract the address of the CSS file (

d:/git/ArticleScraper/reports/default.css

) and display it in a textbox editor. The CSS file could be local or online with an absolute or relative address.

Unfortunately, I couldn't find any property or method in the webbrowser control that allows me to do this.

c#html css webbrowser-control

Answer 1

Answer №1

The WebBrowser control in C# has a useful event called DocumentComplete that is fired once your document or file finishes loading.

To make use of this event, you first need to register for it:

webBrowser1.DocumentCompleted += new System.Windows.Forms.WebBrowserDocumentCompletedEventHandler(this.WebBrowser1_DocumentCompleted);

Inside the event callback method, you can search for HTML "LINK" elements and retrieve their href attribute:

private void WebBrowser1_DocumentCompleted(object sender, WebBrowserDocumentCompletedEventArgs e)
{
    var browser = sender as WebBrowser;
    var document = browser.Document;

    foreach(HtmlElement link in document.GetElementsByTagName("LINK"))
    {
        // This is where you can access the link's href attribute:
        string href = link.GetAttribute("href");
    }
}

Answer 2

The WebBrowser control in C# has a useful event called DocumentComplete that is fired once your document or file finishes loading.

To make use of this event, you first need to register for it:

webBrowser1.DocumentCompleted += new System.Windows.Forms.WebBrowserDocumentCompletedEventHandler(this.WebBrowser1_DocumentCompleted);

Inside the event callback method, you can search for HTML "LINK" elements and retrieve their href attribute:

private void WebBrowser1_DocumentCompleted(object sender, WebBrowserDocumentCompletedEventArgs e)
{
    var browser = sender as WebBrowser;
    var document = browser.Document;

    foreach(HtmlElement link in document.GetElementsByTagName("LINK"))
    {
        // This is where you can access the link's href attribute:
        string href = link.GetAttribute("href");
    }
}

Answer 3

Answer №2

If you're looking to extract a link using LINQ query, the code below will guide you:

    private void Form1_Load(object sender, EventArgs e)
    {
        webBrowser1.Navigate(@"D:\DemoFolder\demo.html");
    }

    private void button1_Click(object sender, EventArgs e)
    {
        // Get a link
        HtmlElement  link = (from HtmlElement element in webBrowser1.Document.GetElementsByTagName("link") select element)
            .Where(x => x.GetAttribute("rel") != null && x.GetAttribute("rel") == "stylesheet" && x.GetAttribute("href") != null).FirstOrDefault();

        if (link != null)
        {
            // Get CSS path
            string path = link.GetAttribute("href");

            textBox1.Text = path;
        }
    }

Take a look at the screenshot of the output: https://i.sstatic.net/ggPge.png

Answer 4

If you're looking to extract a link using LINQ query, the code below will guide you:

    private void Form1_Load(object sender, EventArgs e)
    {
        webBrowser1.Navigate(@"D:\DemoFolder\demo.html");
    }

    private void button1_Click(object sender, EventArgs e)
    {
        // Get a link
        HtmlElement  link = (from HtmlElement element in webBrowser1.Document.GetElementsByTagName("link") select element)
            .Where(x => x.GetAttribute("rel") != null && x.GetAttribute("rel") == "stylesheet" && x.GetAttribute("href") != null).FirstOrDefault();

        if (link != null)
        {
            // Get CSS path
            string path = link.GetAttribute("href");

            textBox1.Text = path;
        }
    }

Take a look at the screenshot of the output: https://i.sstatic.net/ggPge.png

Getting the URL of a linked Stylesheet within a web browser control

Answer №1

Answer №2

Similar questions

PhantomJS in Python Selenium fails to retrieve source code after element click

When the button is clicked in Jquery, the HTML is loaded into one div while simultaneously hiding the other div

Utilizing two visuals within the <picture> srcset

Create a container-fluid design in Bootstrap with various colors

I'm encountering an issue: Uncaught ReferenceError

Modifying SASS variable values based on the presence of specific text in the page URL

Getting the entire data block in ReactJS: A step-by-step guide

The syntax error in the Svelte conditional element class is causing issues

Display div - conceal div - pause for 15 minutes - continue the cycle

Tips for locating a DropDownList within a GridView's ItemTemplate without needing to use RowDataBound

Calculating the total sum of choices within select2

Alter the row's color using the selection feature in the module

Retrieving data from an HTML Table using Javascript

The radio button that disables other inputs only functions correctly for a single element when using Query Selector, but does not work with Query

Controlling the Quantity of Selected Checkboxes with JavaScript

To modify the background of a text, simply click on the image

Ensuring content stays at the bottom of a square div in Bootstrap 4

Obtain all the data in the table cells using Jquery

What is the best way to position an element at the bottom of a div?

Is there a way to create triangles on all four corners of an image using canvas in JavaScript?