WebBrowser link JavaScript file from Project Resources

Question

I have index.html and script.js in my project resources. And in html file, I try to link script script.js with it:

<script src="script.js"></script>

Also I have Form which have a WebBrowser control and its url is index.html. And no problem here.

The problem is when I test the application and run WebBrowser, it give me a script error which it's mean there's no file name script.js, and cannot link with it.

What I should type here instead of ???? ??

<script src="????/script.js"></script>

Here's the error:

Answer 1

You can use either of following options:

• Include the js file content in the same html file.
• Copy both html and js file into the same directory at run-time, for example a temp directory.

Example

private void Form1_Load(object sender, EventArgs e)
{
    var path = System.IO.Path.GetTempFileName();
    System.IO.File.Delete(path);
    System.IO.Directory.CreateDirectory(path);
    var indexPath = System.IO.Path.Combine(path, "index.html");
    var scriptPath = System.IO.Path.Combine(path, "script.js");
    System.IO.File.WriteAllText(indexPath, Properties.Resources.index);
    System.IO.File.WriteAllText(scriptPath, Properties.Resources.script);
    webBrowser1.Navigate(indexPath);
}