Additional HTTP header with loading URL

[realwakka]

I want to open a URL that needs additional custom http header. Is there any way to add custom http header?

It seems that android webview has a feature what I want.
https://developer.android.com/reference/android/webkit/WebView#loadUrl(java.lang.String,%20java.util.Map%3Cjava.lang.String,%20java.lang.String%3E)

It would be good to add some function for WebviewBuilder like below.

let _webview = WebViewBuilder::new(window)?
        .with_url(&some_url)?     
        .with_http_header("some", "header")
        .build()?;

I tried to add header with initialization_script but it failed.

Would you assign yourself to implement this feature?

• Yes
• No

[amrbashir]

Overall seems possible but Webkit2gtk (Linux) doesn't have a way to do it, but I will reference other platforms here until webkit2gtk exposes something for this.

Windows: https://learn.microsoft.com/en-us/microsoft-edge/webview2/reference/win32/icorewebview2_2?view=webview2-1.0.1462.37#navigatewithwebresourcerequest
Android: https://developer.android.com/reference/android/webkit/WebView#loadUrl(java.lang.String,%20java.util.Map%3Cjava.lang.String,%20java.lang.String%3E)
macOS/iOS: https://developer.apple.com/documentation/webkit/wkwebview/1414954-loadrequest?language=objc
Linux: https://webkitgtk.org/reference/webkit2gtk/stable/method.WebView.load_request.html (needs testing)

[FabianLars]

It's supported on Linux too, a modified load_url method could look something like this:

pub fn load_url(&self, url: &str) {
    let req = URIRequest::builder().uri(url).build();
    let headers = req.http_headers().unwrap();
    headers.append(
      "My-Header",
      "This only works when you're creating new requests, you can't modify ones created by the webview itself.",
    );
    self.webview.load_request(&req);
  }

[amrbashir]

http_headers from WebkitURIRequest is read-only.

[FabianLars]

I tested this before i sent the message:

I know where you're coming from tho, until now i only ever tried it for modifying requests from fetch for example which indeed doesn't work (unless one uses web extensions, super annoying imo)

[amrbashir]

Oh nice, thanks @FabianLars. Apparently, I was looking at the wrong struct https://webkitgtk.org/reference/webkit2gtk/2.32.1/WebKitURIResponse.html

[amrbashir]

@realwakka do you have an example we can use to test this?

[realwakka]

Thanks! I just have tested the patch in feat/load-with-headers branch with this code below..

let webview = WebViewBuilder::new(window)?
        .with_url("https://tauri.studio")?
        .with_devtools(true)
        .build()?;


    let mut header = HeaderMap::new();
    header.append("X-CUSTOM-HEADER", HeaderValue::from_static("SOME_VALUE"));
    webview.load_url_with_headers("https://www.whatismybrowser.com/detect/what-http-headers-is-my-browser-sending", header);

And it works correctly!

I've tested in ubuntu which uses webkit2gtk.

[amrbashir]

thanks @realwakka for testing, it will be merged soon

[realwakka]

@amrbashir Thanks for code!