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.

Related tags

Templates browser webview wkwebview flutter inappbrowser flutter-webview inappwebview flutter-inappwebview flutter-inappbrowser webview-tab
Overview

Flutter Browser App

flutter-browser-article-logo

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!

Comments
  • Lags when multiple tabs are opened

    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

    bug 
    opened by sukhcha-in 2
  • Migrates project to flutter SDK 3.3.1, flutter lints 2.0.1, null safe packages, fixes all dart analysis issues and some small issue

    Migrates project to flutter SDK 3.3.1, flutter lints 2.0.1, null safe packages, fixes all dart analysis issues and some small issue

    I think this browser example is important to be kept up-to-date as it really helps in exploring various options provided by this package.

    • Migrates project to flutter SDK 3.3.1
    • Migrated to null safe packages (Dependency overrides no longer required)
    • Using flutter lints 2.0.1
    • Fixes all dart analysis issues and warnings
    • Fixes other things stopping the project from running
    opened by chaudharydeepanshu 1
  • Can not enter any keyword when keyboard using a language is different from English

    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. Screenshot_20200923-150141

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

    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.

    bug 
    opened by ngocdb 1
  • about:blank link and download issue.

    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.

    285255512_364716375760618_5182491375200795753_n

    bug 
    opened by arif-sajal 0
  • Null-safety release

    Null-safety release

    Null-safety release: update all dependecies to uptodate major versions. 2 dependecies (flutter_icons and flutter_datetime_picker) were taken not from official repos because there are no null-safety offical versions.

    opened by AleksandrSokolov 1
  • Tap on web elements that open link in new tab not working

    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)
    bug 
    opened by khanhtd36 5
  • flutter_browser_app can't run on Flutter 2.0.2

    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:

    image

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

    Thanks.

    bug 
    opened by caophong 7
Releases(v2.0.0+5)
Owner
Lorenzo Pichilli
I'm a Heroku Architecture Designer and a Software Engineer mostly focused on Web (FullStack) and Mobile Development. JavaScript, TypeScript & Flutter 💙.
Lorenzo Pichilli
GitHub https://play.google.com/store/apps/details?id=com.pichillilorenzo.flutter_browser
A full-featured (simple message, voice, video) flutter chat application by SignalR and WebRTC

flutter_chat A full-featured (simple message, voice, video) flutter chat application by SignalR and WebRTC. Features Full Authentication service Bad r

WebDevYCH 4 Dec 11, 2022
An instantly ready, full-featured alerts for development on any platform with flutter

An instantly ready, full-featured alerts for development on any platform with flutter. Enabling you to complete projects and deploy quickly. With QuickAlert, you can display animated alert dialogs such as success, error, warning, confirm, loading or even a custom dialog.

Belovance 16 Dec 18, 2022
A Flutter package that provides a WYSIWYG editor backed by flutter_inappwebview and the Summernote library.

Flutter Html Editor - Enhanced Flutter HTML Editor Enhanced is a text editor for Android, iOS, and Web to help write WYSIWYG HTML code with the Summer

Tanay Neotia 200 Dec 31, 2022
A google browser clone which is made by using flutter and fetching the google search api for the search requests.

google_clone A new Flutter project. Project Preview Getting Started This project is a starting point for a Flutter application. A few resources to get

Priyam Soni 2 May 31, 2022
Fully Featured Chat App Using Firebase, RiverPod and much more.

LetsChat Fully Featured Chat App Using Firebase, RiverPod and much more. LetsChat app has a beautiful responsive UI. The app includes many features li

Mateen Mehmood 94 Dec 6, 2022
A fully-featured Last.fm client and scrobbler with Shazam-like scrobbling, a collage generator, home screen widgets, and more!

Finale A fully-featured Last.fm client and scrobbler with Shazam-like scrobbling, a collage generator, and more! The app is available on iOS, Android,

Noah Rubin 66 Jan 5, 2023
A script to disable and re-enable CORS checks for Flutter's Chrome instance

A script to disable and re-enable CORS checks for Flutter's Chrome instance Note This script only disables CORS checks for local testing, and will not

Rexios 26 Nov 15, 2022
Supports hls on chrome and other browsers.

video_player_web_hls Supports hls on chrome and other browsers. Usage ... dependencies: ... video_player_web_hls: ^0.1.1 video_player: ^0.10.10

Balvinder Singh Gambhir 36 Nov 28, 2022
Flutter plugin for selecting images from the Android and iOS image library, taking new pictures with the camera, and edit them before using such as rotation, cropping, adding sticker/text/filters.

advance_image_picker Flutter plugin for selecting multiple images from the Android and iOS image library, taking new pictures with the camera, and edi

Weta Vietnam 91 Dec 19, 2022
you can open google browser in your app

flutter_open_browser A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you sta

Mehrab Bozorgi 1 Nov 14, 2021
Google mobile ads applovin - AppLovin mediation plugin for Google Mobile Ads (Flutter).

AppLovin mediation plugin for Google Mobile Ads Flutter Google Mobile Ads Flutter mediation plugin for AppLovin. Use this package as a library depende

Taeho Kim 1 Jul 5, 2022
Google play scraper for flutter and dart created form

Google Play Store Scraper Dart and Flutter Google Play Store Scraper for flutter and dart helps you to get apks information from google play store. Im

Sifat 3 Sep 14, 2022
Create different mobile applications such as a social networking application and an online store, as well as a news application using Flutter

Develop-Different-Mobile-Applications Create Different Mobile Applications such as a social networking application and an online store, as well as a n

Ebrahim Mohamed 2 Jul 1, 2022
A mobile application that visualizes various sorting algorithms such as Bubble sort, selection sort, quick sort etc. The sorting process is visualized as the rearrangement of vertical lines of different lengths from shortest to tallest.

Sorting Visualiser This is a simple sorting visualisation app built using the flutter framework. The user can select sorting algorithms like Bubble so

Vineet Kalghatgi 32 May 13, 2022
A revolutionary new browser. HTML to Flutter transpiler. Written in Go (using Dart FFI) and Flutter.

Flutter Browser An experimental HTML & CSS to Flutter transpiler written in Go, using Dart FFI and Flutter. Screenshots Notice This works great for si

Mitja 12 Oct 24, 2022
Trying out Flutter for desktop Web app development as an alternative to SPA frameworks (such as React and Angular) by recreating one of the pages of an existing CV Management web app

HTML Renderer Demo CanvasKit Renderer Demo Reddit discussion This repo contains a PoC of using Flutter as a traditional SPA framework for creating a d

Maxim Saplin 20 Oct 11, 2022
A Funtioning basic Clock UI APP with extra functionalities such as displaying thecurrent time location being used and checking time for other timezones simultaneosly.

clock_UI A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started if this

Anjola Favour Ayomikun 0 Dec 28, 2021
Tea talks - An end-to-end encrypted chat app with Firebase as backend and an in-app synced browser to enjoy watching videos together

Tea-Talks is a chat ?? application where you can create rooms to chat ??️ and wa

Bhargav Reddy 10 Nov 12, 2022
A Flutter plugin to use iOS 16.1+ Live Activities ⛹️ & iPhone 14 Pro Dynamic Island ⚫️ features

Live Activities A Flutter plugin to use iOS 16.1+ Live Activities & iPhone 14 Pro Dynamic Island features. ?? What is it ? This plugin use iOS Activit

Dimitri Dessus 53 Dec 26, 2022