pichillilorenzo / flutter_browser_app

A Full-Featured Mobile Browser App (such as the Google Chrome mobile browser) created using Flutter and the features offered by the flutter_inappwebview plugin.

Flutter Browser App

A Full-Featured Mobile Browser App (such as the Google Chrome mobile browser) created using Flutter and the features offered by the flutter_inappwebview plugin.

It is available on the Google Play Store at https://play.google.com/store/apps/details?id=com.pichillilorenzo.flutter_browser

Introduction

Article: Creating a Full-Featured Browser using WebViews in Flutter.

Check out also the article that introduces the flutter_inappwebview plugin here: InAppWebView: The Real Power of WebViews in Flutter.

Features

• WebView Tab, with custom on long-press link/image preview, and how to move from one tab to another without losing the WebView state;
• Browser App Bar with the current URL and all popup menu actions such as opening a new tab, a new incognito tab, saving the current URL to the favorite list, saving a page to offline usage, viewing the SSL Certificate used by the website, enable Desktop Mode, etc. (features similar to the Google Chrome App);
• Developer console, where you can execute JavaScript code, see some network info, manage the browser storage such as cookies, window.localStorage, etc;
• Settings page, where you can update the browser general settings and enable/disable all the features offered by the flutter_inappwebview for each WebView Tab, such as enabling/disabling JavaScript, caching, scrollbars, setting custom user-agent, etc., and all the Android and iOS-specific features;
• Save and restore the current Browser state.

Final Result

Video: Flutter Browser App Final Result.

If you found this useful and you like the flutter_inappwebview plugin and this App project, give a star to these projects, thanks!

flutter_browser_app's Issues

Downloads do not work

Environment

Technology	Version
Flutter version
App version
Android version	10
iOS version
Xcode version

Device information:

Description

Files should get downloaded

files do not donwload and the app crashes when trying to download files:

Steps to reproduce

1. This
2. Than that
3. Then

Images

Stacktrace/Logcat

Can not enter any keyword when keyboard using a language is different from English

Hi, thank you for your great apps & in app webview flutter plugin.

The apps work well on my phone when I use English on my keyboard.

But no input when I type using another language, e.g Vietnamese in my case.

I checked & there is the same issue if I use the in app webview plugin in my apps (to test)

Is there any chance to get it fixed?

Thank you a lot.

App won't open external web links

Environment

Technology	Version
Flutter version
App version
Android version	13
iOS version
Xcode version

Device information: Samsung S20 FE

Description

Expected behavior:

If I have Flutter Browser setup as my main browser, and I click to open a web link from somewhere else, say a text message, I expect the browser to open and load that URL.

Current behavior:

Browser opens but URL is not loaded

Steps to reproduce

1. Click on a URL from an SMS/Email/Whatsapp etc
2. Select Flutter Browser as what you want to open the app with
3. Then observe the browser open, but it doesn't load the URL.

I want to use this browser to open a fixed home page link,

Environment

Flutter version: 37
App version:
Android version:
iOS version:
Xcode version:
Device information:

Description

Hello! I want to use this browser to open a fixed home page link, how should I do? In addition, the page opened by https protocol, the picture loaded in the page uses http protocol, and the picture is not displayed. How to modify it?
What you'd like to happen:

Alternatives you've considered:

Images:

Handling CORS and contentMode

Environment

Technology	Version
Flutter version	3.13.6
App version	2.0.0
Android version	12
iOS version	14
Xcode version

Device information:

Description

Expected behavior:
Open common websites
Current behavior:
Some websites like "https://app.1inch.io/" cannot be used on the app. I tried to debug and notice an error message: " "onConsoleMessage" using {messageLevel: 3, message: Uncaught SecurityError: Blocked a frame with origin "https://challenges.cloudflare.com" from accessing a frame with origin "https://app.1inch.io". Protocols, domains, and ports must match.}"

Many other websites I tried to load on debug mode also encounter the same error but some are able open properly while some don't open at all.

Steps to reproduce

1. Try opening "https://app.1inch.io/" on the browser

Images

Stacktrace/Logcat

Flutter Update

Flutter is using old version.
Application Not Working Too Old.
Will You Update?
Thank you

Veilid framework privacy integration

Description

See veilid framework project on gitlab for details.

What you'd like to happen:

The ability to enable privacy mode in which your traffic would be routed through the veilid network.

Alternatives you've considered:

Perhaps a plug-in.

flutter_browser_app can't run on Flutter 2.0.2

Environment

Technology	Version
Flutter version	2.0.2
App version
Android version
iOS version
Xcode version

Device information:

Description

Expected behavior:

pod --version
1.10.1

flutter --version
Flutter 2.0.2 • channel stable • https://github.com/flutter/flutter.git
Framework • revision 8962f6dc68 (7 days ago) • 2021-03-11 13:22:20 -0800
Engine • revision 5d8bf811b3
Tools • Dart 2.12.1

Current behavior:

So i can't run this app in iOS, please check.

Thanks.

Lags when multiple tabs are opened

Environment

Technology	Version
Flutter version	GooglePlayDemo
App version	Latest
Android version	10
iOS version
Xcode version

Device information: Samsung Galaxy M30s

Description

Expected behavior:
Should work smoothly when opened multiple tabs

Current behavior:
Lags when 5-6 tabs are opened

Steps to reproduce

Just open multiple tabs

Images

Stacktrace/Logcat

Tap on web elements that open link in new tab not working

Environment

Technology	Version
Flutter version	2.0.0
App version	Git revision 1904602
Android version	10
iOS version	-
Xcode version	-

Device information: Nokia 6.1 QKQ1.190828.002

Description

Expected behavior: When I tap on web elements that open link in new tab, a new tab opens and go to that url.

Current behavior: When I tap on web elements that open link in new tab, a new tab opens with url about:blank

Steps to reproduce

1. Open a website that contains an element that opens link in new tab (www.fujinet.net)
2. Tap on element that opens link in new tab (youtube icon at bottom of the page)
3. See the target url in new tab (it should be youtube.com but it is about:blank instead)

Screenshots/Images

about:blank link and download issue.

Environment

Technology	Version
Flutter version	2.2.2
App version	1.1.0+4
Android version
iOS version
Xcode version

Device information : Xiaomi Redmi Note 6

Description

Expected behavior:

1. about:blank link should open whenever I click on a _blank link.
2. pdf download should open in a new tab and other file downloads should start outside the app.

Current behavior:

1. _blank link only open once I click. from 2nd click tab opens, but the URL doesn't load.
2. whenever click on downloadable link, a notification appear and app crash sometime.