Change webview2 default error page

Question

Change webview2 default error page

jarno beerten 61

C#
.net framework 4.8
Webview 2

When i change the default error page it doesn't load the full content of the html file

Answer accepted by question author

1 additional answer

Your answer

Answer 1

Timon Yang-MSFT 9,606

Did you set IsBuiltInErrorPageEnabled Property to false, and then navigate to your custom error page in the NavigationCompleted event handler?

Can your error page be opened normally in the browser?

Try to select Inspect in the right-click menu to see if some resources are not loaded successfully.

If the response is helpful, please click "Accept Answer" and upvote it.
Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.

jarno beerten 61 Reputation points

2021-08-13T07:39:30.403+00:00

The page isbuildinerrorpageeneable = false

But the actual content is not showing correct

Structure of page is folder named : ErrorPage > index.html > style.css + style2.css and turn.js
Timon Yang-MSFT 9,606 Reputation points

2021-08-13T08:03:24.263+00:00

@jarno beerten
My guess is that the path of the css and js files may be wrong. When you open DevTools as I showed in the picture before, will an error message like this appear?
jarno beerten 61 Reputation points

2021-08-13T08:22:08.17+00:00

But how is that possible all the files are in the errorPage folder
jarno beerten 61 Reputation points

2021-08-14T15:54:46.637+00:00

No not on my screen
Timon Yang-MSFT 9,606 Reputation points

2021-08-16T05:57:22.537+00:00

@jarno beerten
I don’t have any other ideas for the time being. Could you please provide these documents for us to test?
You can modify their suffixes to txt and then add them as attachments.
jarno beerten 61 Reputation points

2021-08-16T08:40:46.197+00:00

You mean the code for it and the files
Timon Yang-MSFT 9,606 Reputation points

2021-08-17T01:13:00.767+00:00

@jarno beerten
Yes, I want to use these files to reproduce the problem first, and then try to solve it.
jarno beerten 61 Reputation points

2021-08-17T08:46:31.953+00:00

all files come in share link are to small for chat
jarno beerten 61 Reputation points

2021-08-17T08:49:10.407+00:00
Timon Yang-MSFT 9,606 Reputation points

2021-08-18T06:55:57.997+00:00

@jarno beerten
Thank you for sharing, these front-end files look good, my guess is wrong.

it doesn't load the full content of the html file

Is this still incomplete? Or it's different from mine on your side?

If it is the former, is it possible that there is a problem with the js code?

If that's the case, you may need to re-create a thread with asp.net-related tags.

If you are different from me, could you please simplify the current project as much as possible and provide the simplest code example that can reproduce the problem?
jarno beerten 61 Reputation points

2021-08-18T09:00:55.49+00:00

The project for the page is completed maybe its in the js file as you say
jarno beerten 61 Reputation points

2021-08-18T09:02:20.537+00:00

But how did you get the full content rendering when i do only blank maybe its in my code could you provide how you did it with webview 2 so i could compare the code

Timon Yang-MSFT 9,606

@jarno beerten
I just used a quite simple code:

        private void Form1_Load(object sender, EventArgs e)  
        {  
            webView21.Source = new Uri(@"http://192.168.1.1");  
            webView21.NavigationCompleted += WebView21_NavigationCompleted;  
        }  
  
        private void WebView21_NavigationCompleted(object sender, Microsoft.Web.WebView2.Core.CoreWebView2NavigationCompletedEventArgs e)  
        {  
            if (e.IsSuccess == false)  
            {  
                webView21.CoreWebView2.Navigate(@"C:\...\index.html");  
            }  
        }

Then it shows normal.

jarno beerten 61 Reputation points

2021-08-19T07:27:58.037+00:00

I see what i did i gonna try add @ ../ for directory
jarno beerten 61 Reputation points

2021-08-19T07:40:43.237+00:00

I am getting blank screen when adding @ but it navigates to the page but only blank
jarno beerten 61 Reputation points

2021-08-19T07:43:19.427+00:00

I got to work after changing only it has to be directly to file directory
jarno beerten 61 Reputation points

2021-08-19T07:49:47.593+00:00

It worked after change again final code

If(!e.succes)
{
Web.corewebview2.navigate(error);
}

String error = application.startuppath + "/" + @"ErrorPage/index.html;
Timon Yang-MSFT 9,606 Reputation points

2021-08-20T01:28:48.81+00:00

@jarno beerten
It’s great, I’m glad to know this!

Answer 2

jarno beerten 61

Yes isbuildinpage = false

Is set but when i navigate to the file it doesn't show correct

Share via

Change webview2 default error page

1 additional answer

Your answer