Skip to content

Great customizable Android Activity that shows web pages within an app.

License

Notifications You must be signed in to change notification settings

hzw1199/AwesomeWebView-Android

Repository files navigation

AwesomeWebView

Platform API License

This project is based on FinestWebView, some useful new features are added.

New Features

App Jump

You can response to custom schemes by jumping to corresponding Apps.

webViewAppJumpEnabled(boolean webViewAppJumpEnabled);

Camera

You can make camera work in html5.

webViewCameraEnabled(boolean webViewCameraEnabled);    // Dynamic permission handled
<uses-permission android:name="android.permission.CAMERA" />

Audio Record

You can make audio input work in html5.

webViewAudioEnabled(boolean webViewAudioEnabled);    // Dynamic permission handled
<uses-permission android:name="android.permission.RECORD_AUDIO" />
<uses-permission android:name="android.permission.MODIFY_AUDIO_SETTINGS" />

Save Photo after Long Press

You can save photos after long press on the photo. Photos will be saved to download directory.
Some images may have urls with no extension or even with error extension, such as "jpg" but actually is "png". Extensions like jpg/png/gif/webp will be added or corrected automatically by analysing file.
File name will be the md5 string, so if the file already exists, it uses the previous file.
If the image resource has anti-crawl mechanism, UA and Referer and Cookie in Headers while downloading can hack it.
If the image is Base64 encoded, you can even save it, because there is auto Base64 decoding.

showMenuSavePhoto(boolean showMenuSavePhoto);    // Dynamic permission handled
stringResSavePhoto(@StringRes int stringResSavePhoto);
showToastPhotoSavedOrFailed(boolean showToastPhotoSavedOrFailed);
stringResPhotoSavedTo(@StringRes int stringResPhotoSavedTo);
stringResPhotoSaveFailed(@StringRes int stringResPhotoSaveFailed)
<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"/>

File Chooser

You can upload files.

fileChooserEnabled(boolean fileChooserEnabled);    // Dynamic permission handled
<uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE"/>

Support: capture image with camera, capture video with camera, choose image with camera and album, choose video with camera and album, choose file with file browser.

Extra Headers

You can define your own Headers of http request, such as defining a fake Referer.
You can also choose whether to send your own Headers in every page or only in main page.

setHeader(Map<String,String> extraHeaders);
headersMainPage(boolean headersMainPage);

Javascript Inject

You can inject javascript and choose whether to inject in every page or only inject in main page.

injectJavaScript(String injectJavaScript);    // Already in FinestWebView
injectJavaScriptMainPage(boolean injectJavaScriptMainPage);

Javascript Interface

You can add your custom Javascript Interface class extends BaseJsInterface. Then you can make your JS web code to call Java method. For example, JS can call your java code to show Toast. demo

CommonJsHelper.getInstance().addJavascriptInterface(ToastJsInterface.class, "toast");
injectJavaScript("javascript: window.toast.showToast(\"toast by js interface from \" + window.toast.getSimpleName());")

Geo Location

You can acquire location while acquiring locating permission in runtime.

webViewGeolocationEnabled(boolean webViewGeolocationEnabled);    // Added dynamic permission
<uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />
<uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" />

Video Full Screen

Video Full Screen is handled, all you need to do is adding following code to AwesomeWebViewActivity in Manifest.xml

android:configChanges="keyboardHidden|orientation|screenSize"
android:hardwareAccelerated="true"

Cookie

You can enable cookies.

webViewCookieEnabled(boolean webViewCookieEnabled);    // Already in FinestWebView

Then add following code in your Application Class:

CookieManager.getInstance().setAcceptCookie(true);  

Besides, you can even inject cookies.

Map<String, Map<String, String>> cookies = new HashMap<>();
Map<String, String> cookie_0 = new HashMap<>();
cookie_0.put("key_0", "value_0");
cookie_0.put("key_1", "value_1");
cookies.put("url_0", cookie_0);

injectCookies(cookies)

Dynamic permission Acquire

Camera, Audio, Write file, Location permissions are handled in runtime.

ToolBar Visible

toolbarVisible(boolean toolbarVisible); 

StatusBar Icon Style

statusBarIconDark(boolean statusBarIconDark); 

User Agent Append

webViewUserAgentAppend(boolean webViewUserAgentAppend); 

Use this method with webViewUserAgentString(String webViewUserAgentString) to control whether to override the whole User Agent or only to append it (a blank will be added automaticly bofore the appended UA while in Append Mode).

AppBar Scroll and SwipeRefreshLayout Disabled

toolbarScrollFlags(int flags) , showSwipeRefreshLayout(boolean showSwipeRefreshLayout) , swipeRefreshColor(int color) , swipeRefreshColorRes(int colorRes) , swipeRefreshColors(int[] colors) and swipeRefreshColorsRes(int colorsRes) are disabled because some websites appears to be abnormal with AppBar Scroll and SwipeRefreshLayout features (eg. http://m.baidu.com: You could not load more news when you scroll to end of the page. When you click into news detail page, you could not scroll to end of the page.)

Custom WebView

Override methods to use custom WebView:

buildWebView() buildWebChromeClient();buildWebViewClient()

Custom Menu

customMenus(List<CustomMenu> customMenus); 
addCustomMenu(CustomMenu customMenu); 

CustomMenu is an object containing two fields:
int titleRes and String code where titleRes is the resource id for menu title and code is the identifier of this menu item and will be found in callback WebViewListener.onCustomMenuClick(String menuCode).

More WebView Listeners

Besides the listener of FinestWebView, AwesomeWebView has more listeners to listen event from WebView.

public void onCustomMenuClick(String menuCode);
public void onClickImage(String imageUrl);

Proguard

No need to add more proguard rules, consumerProguardFiles has already handled library proguard rules.

Screenshots

Camera

Audio Record

Referrer

File Chooser

Video Full Screen

Inject Cookies

Getting started

Gradle Dependency (jitpack)

Add it in your build.gradle at the end of repositories:

allprojects {
    repositories {
        ...
        maven { url "https://jitpack.io" }
    }
}

Easily reference the library in your Android projects using this dependency in your module's build.gradle file.

dependencies {
    implementation 'com.github.hzw1199:AwesomeWebView-Android:latest-version'
}

latest-version:

Manifest Settings

FinestWebView is basically and Android activity with webview, toolbar and etc.
You have to add FinestWebViewActivity in your AndroidManifest.xml

<uses-permission android:name="android.permission.INTERNET" />

<activity
    android:name="com.wuadam.awesomewebview.AwesomeWebViewActivity"
    android:configChanges="keyboardHidden|orientation|screenSize"
    android:hardwareAccelerated="true"
    android:theme="@style/FinestWebViewTheme.Light" />

Basic WebView

new AwesomeWebView.Builder(activity).show(url);

License

The MIT License (MIT)

Copyright (c) 2018 Adam Wu

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in
all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
THE SOFTWARE.

Introduction of Original FinestWebView

Beautiful and customizable Android Activity that shows web pages within an app.

  • Builder pattern
  • Material design & Pre-made icons
  • Webview listeners
  • Custom themes & Custom transition animations
  • Support collapsing toolbar & contextual actionbar
  • SwipeRefreshLayout & Progressbar
  • Device rotation
  • Gradient divider
  • Custom typeface & translation
  • Supports Right to Left

Screenshots

Default theme & Copied to clipboard

Back and forward & More options

Customization

There are 2 ways to customize FinestWebView.

1. Using Themes

You can use your own Theme for FinestWebView. If you want to use pre-defined theme, use android:theme="@style/FinestWebViewTheme" or android:theme="@style/FinestWebViewTheme.Fullscreen"

<style name="AppTheme.NoActionBar" parent="Theme.AppCompat.Light.NoActionBar">
    <item name="colorPrimary">@color/primary</item>
    <item name="colorPrimaryDark">@color/primary_dark</item>
    <item name="colorAccent">@color/accent</item>
    <item name="android:textColorPrimary">@color/primary_text</item>
    <item name="android:textColorSecondary">@color/secondary_text</item>
    <item name="windowActionModeOverlay">true</item>
</style>
<activity
    android:name="com.thefinestartist.finestwebview.FinestWebViewActivity"
    android:theme="@style/AppTheme.NoActionBar" />

2. Builder Options

Constructors

Builder(@NonNull Activity activity);
// If you use context instead of activity, FinestWebView enter animation won't work
Builder(@NonNull Context context);

Load data or Show url

load(@StringRes int dataRes);
load(String data);
load(String data, String mimeType, String encoding);

show(@StringRes int urlRes);
show(@NonNull String url);

WebView Listener Options

setWebViewListener(WebViewListener listener);
addWebViewListener(WebViewListener listener);
removeWebViewListener(WebViewListener listener);

Right to Left Options

rtl(boolean rtl);

Theme Options

theme(@StyleRes int theme);

StatusBar Options

statusBarColor(@ColorInt int color);
statusBarColorRes(@ColorRes int color);

Toolbar Options

toolbarColor(@ColorInt int color);
toolbarColorRes(@ColorRes int color);
toolbarScrollFlags(@ScrollFlags int flags);

Icon Options

iconDefaultColor(@ColorInt int color);
iconDefaultColorRes(@ColorRes int color);
iconDisabledColor(@ColorInt int color);
iconDisabledColorRes(@ColorRes int colorRes);
iconPressedColor(@ColorInt int color);
iconPressedColorRes(@ColorRes int colorRes);
iconSelector(@DrawableRes int selectorRes);

Icon Options

showIconClose(boolean showIconClose);
disableIconClose(boolean disableIconClose);
showIconBack(boolean showIconBack);
disableIconBack(boolean disableIconBack);
showIconForward(boolean showIconForward);
disableIconForward(boolean disableIconForward);
showIconMenu(boolean showIconMenu);
disableIconMenu(boolean disableIconMenu);

SwipeRefreshLayout Options

showSwipeRefreshLayout(boolean showSwipeRefreshLayout);
swipeRefreshColor(@ColorInt int color);
swipeRefreshColorRes(@ColorRes int colorRes);
swipeRefreshColors(int[] colors);
swipeRefreshColorsRes(@ArrayRes int colorsRes);

Divider Options

showDivider(boolean showDivider);
gradientDivider(boolean gradientDivider);
dividerColor(@ColorInt int color);
dividerColorRes(@ColorRes int colorRes);
dividerHeight(float height);
dividerHeight(int height);
dividerHeightRes(@DimenRes int height);

ProgressBar Options

showProgressBar(boolean showProgressBar);
progressBarColor(@ColorInt int color);
progressBarColorRes(@ColorRes int colorRes);
progressBarHeight(float height);
progressBarHeight(int height);
progressBarHeightRes(@DimenRes int height);
progressBarPosition(@NonNull Position position);

Title Options

titleDefault(@NonNull String title);
titleDefaultRes(@StringRes int stringRes);
updateTitleFromHtml(boolean updateTitleFromHtml);
titleSize(float titleSize);
titleSize(int titleSize);
titleSizeRes(@DimenRes int titleSize);
titleFont(String titleFont);
titleColor(@ColorInt int color);
titleColorRes(@ColorRes int colorRes);

Url Options

showUrl(boolean showUrl);
urlSize(float urlSize);
urlSize(int urlSize);
urlSizeRes(@DimenRes int urlSize);
urlFont(String urlFont);
urlColor(@ColorInt int color);
urlColorRes(@ColorRes int colorRes);

Menu Options

menuColor(@ColorInt int color);
menuColorRes(@ColorRes int colorRes);
menuDropShadowColor(@ColorInt int color);
menuDropShadowColorRes(@ColorRes int colorRes);
menuDropShadowSize(float menuDropShadowSize);
menuDropShadowSize(int menuDropShadowSize);
menuDropShadowSizeRes(@DimenRes int menuDropShadowSize);
menuSelector(@DrawableRes int selectorRes);

menuTextSize(float menuTextSize);
menuTextSize(int menuTextSize);
menuTextSizeRes(@DimenRes int menuTextSize);
menuTextFont(String menuTextFont);
menuTextColor(@ColorInt int color);
menuTextColorRes(@ColorRes int colorRes);

menuTextGravity(int gravity);
menuTextPaddingLeft(float menuTextPaddingLeft);
menuTextPaddingLeft(int menuTextPaddingLeft);
menuTextPaddingLeftRes(@DimenRes int menuTextPaddingLeft);
menuTextPaddingRight(float menuTextPaddingRight);
menuTextPaddingRight(int menuTextPaddingRight);
menuTextPaddingRightRes(@DimenRes int menuTextPaddingRight);

showMenuRefresh(boolean showMenuRefresh);
stringResRefresh(@StringRes int stringResRefresh);
showMenuFind(boolean showMenuFind);
stringResFind(@StringRes int stringResFind);
showMenuShareVia(boolean showMenuShareVia);
stringResShareVia(@StringRes int stringResShareVia);
showMenuCopyLink(boolean showMenuCopyLink);
stringResCopyLink(@StringRes int stringResCopyLink);
showMenuOpenWith(boolean showMenuOpenWith);
stringResOpenWith(@StringRes int stringResOpenWith);

More Options

setCustomAnimations(@AnimRes int animationOpenEnter,
                    @AnimRes int animationOpenExit,
                    @AnimRes int animationCloseEnter,
                    @AnimRes int animationCloseExit)
backPressToClose(boolean backPressToClose);
stringResCopiedToClipboard(@StringRes int stringResCopiedToClipboard);

WebView Options

webViewSupportZoom(boolean webViewSupportZoom);
webViewMediaPlaybackRequiresUserGesture (boolean webViewMediaPlaybackRequiresUserGesture);
webViewBuiltInZoomControls (boolean webViewBuiltInZoomControls);
webViewDisplayZoomControls (boolean webViewDisplayZoomControls);
webViewAllowFileAccess (boolean webViewAllowFileAccess);
webViewAllowContentAccess (boolean webViewAllowContentAccess);
webViewLoadWithOverviewMode (boolean webViewLoadWithOverviewMode);
webViewSaveFormData (boolean webViewSaveFormData);
webViewTextZoom (int webViewTextZoom);
webViewUseWideViewPort (boolean webViewUseWideViewPort);
webViewSupportMultipleWindows (boolean webViewSupportMultipleWindows);
webViewLayoutAlgorithm (WebSettings.LayoutAlgorithm webViewLayoutAlgorithm);
webViewStandardFontFamily (String webViewStandardFontFamily);
webViewFixedFontFamily (String webViewFixedFontFamily);
webViewSansSerifFontFamily (String webViewSansSerifFontFamily);
webViewSerifFontFamily (String webViewSerifFontFamily);
webViewCursiveFontFamily (String webViewCursiveFontFamily);
webViewFantasyFontFamily (String webViewFantasyFontFamily);
webViewMinimumFontSize (int webViewMinimumFontSize);
webViewMinimumLogicalFontSize (int webViewMinimumLogicalFontSize);
webViewDefaultFontSize (int webViewDefaultFontSize);
webViewDefaultFixedFontSize (int webViewDefaultFixedFontSize);
webViewLoadsImagesAutomatically (boolean webViewLoadsImagesAutomatically);
webViewBlockNetworkImage (boolean webViewBlockNetworkImage);
webViewBlockNetworkLoads (boolean webViewBlockNetworkLoads);
webViewJavaScriptEnabled (boolean webViewJavaScriptEnabled);
webViewAllowUniversalAccessFromFileURLs (boolean webViewAllowUniversalAccessFromFileURLs);
webViewAllowFileAccessFromFileURLs (boolean webViewAllowFileAccessFromFileURLs);
webViewGeolocationDatabasePath (String webViewGeolocationDatabasePath);
webViewAppCacheEnabled (boolean webViewAppCacheEnabled);
webViewAppCachePath (String webViewAppCachePath);
webViewDatabaseEnabled (boolean webViewDatabaseEnabled);
webViewDomStorageEnabled (boolean webViewDomStorageEnabled);
webViewGeolocationEnabled (boolean webViewGeolocationEnabled);
webViewJavaScriptCanOpenWindowsAutomatically (boolean webViewJavaScriptCanOpenWindowsAutomatically);
webViewDefaultTextEncodingName (String webViewDefaultTextEncodingName);
webViewUserAgentString (String webViewUserAgentString);
webViewNeedInitialFocus (boolean webViewNeedInitialFocus);
webViewCacheMode (int webViewCacheMode);
webViewMixedContentMode (int webViewMixedContentMode);
webViewOffscreenPreRaster (boolean webViewOffscreenPreRaster);

injectJavaScript(String injectJavaScript);

Builder Pattern

new FinestWebView.Builder(activity)
    .titleDefault("Default Title")
    .toolbarScrollFlags(AppBarLayout.LayoutParams.SCROLL_FLAG_SCROLL | AppBarLayout.LayoutParams.SCROLL_FLAG_ENTER_ALWAYS)
    .gradientDivider(false)
    .dividerHeight(100)
    .toolbarColorRes(R.color.accent)
    .dividerColorRes(R.color.black_30)
    .iconDefaultColorRes(R.color.accent)
    .iconDisabledColorRes(R.color.gray)
    .iconPressedColorRes(R.color.black)
    .progressBarHeight(DipPixelHelper.getPixel(context, 3))
    .progressBarColorRes(R.color.accent)
    .backPressToClose(false)
    .setCustomAnimations(R.anim.activity_open_enter, R.anim.activity_open_exit, R.anim.activity_close_enter, R.anim.activity_close_exit)
    .show(url);

More customizations

WebView Listeners

FinestWebView has its own listeners to listen event from WebView

public void onProgressChanged(int progress);
public void onReceivedTitle(String title);
public void onReceivedTouchIconUrl(String url, boolean precomposed);

public void onPageStarted(String url);
public void onPageFinished(String url);
public void onLoadResource(String url);
public void onPageCommitVisible(String url);

public void onDownloadStart(String url, String userAgent, String contentDisposition, String mimeType, long contentLength)

Status Bar Color & Toolbar Color

Status bar color will be set as colorPrimaryDark of FinestWebViewActivity's theme.
Toolbar color will be set as colorPrimary of FinestWebViewActivity's theme.
But, you can override theses settings using builder option statusBarColor, statusBarColorRes, toolbarColor, toolbarColorRes.

Disable Toolbar Collapsing

new FinestWebView.Builder(activity)
    .toolbarScrollFlags(0) // By sending as 0, toolbar collapsing will be disabled
    .show(url);

Collapsing Toolbar vs WebView BuiltInZoomControls

If you enable BuiltInZoomControls webViewBuiltInZoomControls(true), it will automatically disable toolbar collapsing.

Full Screen Mode

<style name="AppTheme.NoActionBar.FullScreen" parent="AppTheme.NoActionBar">
    <item name="android:windowContentOverlay">@null</item>
    <item name="android:windowFullscreen">true</item>
</style>
<activity
    android:name="com.thefinestartist.finestwebview.FinestWebViewActivity"
    android:theme="@style/AppTheme.NoActionBar.FullScreen" />

Customizing Animations

You can use some pre-defined animations from this library or your own animations.

new FinestWebView.Builder(activity)
    .setCustomAnimations(R.anim.activity_open_enter, R.anim.activity_open_exit, R.anim.activity_close_enter, R.anim.activity_close_exit)
    .show(url);

Pre-defined animation sets

.setCustomAnimations(R.anim.activity_open_enter, R.anim.activity_open_exit, R.anim.activity_close_enter, R.anim.activity_close_exit)
.setCustomAnimations(R.anim.fragment_open_enter, R.anim.fragment_open_exit, R.anim.fragment_close_enter, R.anim.fragment_close_exit)
.setCustomAnimations(R.anim.slide_up, R.anim.hold, R.anim.hold, R.anim.slide_down)
.setCustomAnimations(R.anim.slide_left_in, R.anim.hold, R.anim.hold, R.anim.slide_right_out)
.setCustomAnimations(R.anim.fade_in_fast, R.anim.fade_out_medium, R.anim.fade_in_medium, R.anim.fade_out_fast)

Orientation Support

Use configChange, screenOrientation to customize your orientation options

<activity
    android:name="com.thefinestartist.finestwebview.FinestWebViewActivity"
    android:configChanges="keyboardHidden|orientation|screenSize"
    android:screenOrientation="sensor"
    android:theme="@style/FinestWebViewTheme" />

Gradient Divider

You can make your divider gradient. If you do, webview will be under the gradient. If you disable gradient divider, webview will be below the divider.

new FinestWebView.Builder(activity)
    .gradientDivider(false)
    .show(url);

Custom Typeface

You can use your own typeface for title, url, and menus. You have to add your font file in assets/fonts folder.

new FinestWebView.Builder(activity)
    .titleFont("Roboto-Medium.ttf")
    .urlFont("Roboto-Regular.ttf")
    .menuTextFont("Roboto-Medium.ttf")
    .show(url);

Custom Translation

You can use your own String resources to translate strings.

new FinestWebView.Builder(activity)
    .stringResCopiedToClipboard(R.string.copied_to_clipboard)
    .stringResRefresh(R.string.refresh)
    .stringResShareVia(R.string.share_via)
    .stringResCopyLink(R.string.copy_link)
    .stringResOpenWith(R.string.open_with)
    .show(url);

Right to Left

You can support right to left by setting android:supportsRtl="true" in AndroidManifest.xml or rtl(true).

<application
    ...
    android:supportsRtl="true">
</application>
new FinestWebView.Builder(activity)
    .rtl(true)
    .show(url);

WebView Desktop Mode

You can force WebView to show in desktop mode by setting webViewUserAgentString("Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.9.0.4) Gecko/20100101 Firefox/4.0").

Designer

  • User Interface Design
  • Graphic Design

License

The MIT License (MIT)

Copyright (c) 2013 TheFinestArtist

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in
all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
THE SOFTWARE.

About

Great customizable Android Activity that shows web pages within an app.

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages