Skip to main content

Injecting JavaScript in Flutter Web View With User Scripts

· 6 min read
Lorenzo Pichilli
Lorenzo Pichilli
Plugin Author

Learn how to leverage Flutter's InAppWebView 6 plugin

article-banner.webp

Sometimes you may want to inject JavaScript code before or after the web page is loaded in order to add, replace or remove content from the web page or to change some web page logic.

In this article, we are going to understand what User Scripts are and how we can use them to inject custom JavaScript code at a specific time inside the WebView using the flutter_inappwebview plugin.

WebView Content Blockers — Flutter InAppWebView 6

· 7 min read
Lorenzo Pichilli
Lorenzo Pichilli
Plugin Author

Article banner

In this article, we are going to understand how to create a custom Content Blocker for our WebView instances using the flutter_inappwebview plugin.

Content Blockers are usually used for blocking ads, but you can also block any other content. Blocking behaviors include hiding elements, blocking loads, and, on iOS and macOS, stripping cookies from the WebView requests.

Keep in mind that, in general, Content Blockers cannot achieve the same level of functionalities as specialized extensions such as AdBlock or AdBlock Plus. Content Blockers are a set of rules that will never get any callbacks or notifications back from the WebView when it finds content it needs to block.

Through the contentBlockers property of the InAppWebViewSettings class, we can define a list of ContentBlocker instances that the WebView will use.