B4A Library UltimateWebView Custom View

Mashiane · Nov 2, 2021

Hi

Just took a jab on this during my break. Looks awesome!

One of the most interesting questions that people have asked here is about uploading a file via the webview.?

Is something like that possible with your webview library?

Mashiane · Nov 2, 2021

Q2. Also considering that we have WebViewExtras here in the forum, what is the relation between that and this? Can they work together? There is no need for webview estras when you use this?

Q3. What makes your library the go to library of choice? The documentation assumes that anyone who will use your library will know what they will be doing. In most cases, that is not true. Don't you want to include examples perhaps as part of demonstrating the power of this library, especially the feautures that make this lib outstanding from anything else available? This will help provide some green lights into this baby of yours.

#JustSomeThoughts

Ivica Golubovic · Nov 2, 2021

Mashiane said:
One of the most interesting questions that people have asked here is about uploading a file via the webview.?

Is something like that possible with your webview library?

Yes, absolutely. The FileChooserInitialized event will be activated and the FileChooserStart method can be used to start FileChooser automatically. Of course, you can use the event parameters the way you want and do the file upload process in your own way, it is not necessary to use the FileChooserStart method.

Example::

Private Sub UltimateWebView1_FileChooserInitialized (FilePathCallback As Object, FileChooserParams1 As FileChooserParams)
    UltimateWebView1.FileChooserStart(FilePathCallback,FileChooserParams1,False)
End Sub

Mashiane said:
Q2. Also considering that we have WebViewExtras here in the forum, what is the relation between that and this? Can they work together? There is no need for webview estras when you use this?

As of version 1.1, the native WebView can be easily used as UltimateWebWiev (e.g. UltimateWebView1.WebView = WebView1). The same can be implemented WebView which is processed through WebViewExtras. WebViewExtra is an extra library, but it's a bit outdated. The UltimateWebView library is up to date and easy to use on the latest SDK versions. The UltimateWebView library contains almost all (and more) methods contained in the WebViewExtra library and therefore it is not necessary to use both libraries.

Mashiane said:
Q3. What makes your library the go to library of choice? The documentation assumes that anyone who will use your library will know what they will be doing. In most cases, that is not true. Don't you want to include examples perhaps as part of demonstrating the power of this library, especially the feautures that make this lib outstanding from anything else available? This will help provide some green lights into this baby of yours.

This library is not the final WebBrowser like Chrome, but a set of classes and subroutines that are combined into one whole for easier access. Some programming knowledge is required. Ask a question for all the necessary information.

JohnC · Nov 3, 2021

This obviously took a long time to develop - and even more time to create a library and docs for others to use.

THANK YOU for contributing such a useful library to the community!

Ivica Golubovic · Nov 3, 2021

JohnC said:
This obviously took a long time to develop - and even more time to create a library and docs for others to use.

THANK YOU for contributing such a useful library to the community!

I have found a large number of solutions for myself in this community so far, now is the time for me to contribute and help others.

?

Ivica Golubovic · Nov 9, 2021

Version 1.3 released. See first post.

Changes:

Added class UltimateWebViewConstants (All constants required for UltimateWebView and UltimateWebViewSettings have been put into one class for better organization and visibility. They are available through the UltimateWebView.Constants or UltimateWebView.Settings.Constants property.
Added method InvokeZoomPicker to UltimateWebView Class .
Added method PostUrl to UltimateWebView Class .
Added property BackgroundColor to UltimateWebView Class.
Added property Constants to UltimateWebView Class.
Added property Constants to UltimateWebViewSettings Class.
Added property DataDirectorySuffix to UltimateWebView Class.
Added property NetworkAvailable to UltimateWebView Class.
Added property OverScrollMode to UltimateWebView Class.
Added property ScrollBarStyle to UltimateWebView Class.
Added property Text to UltimateWebView Class.
Fixed event OverrideUrlWithExternalAppIntent. Intent now opens the application directly if is installed.

All constants required for UltimateWebView and UltimateWebViewSettings have been put into one class for better organization and visibility. They are available through the UltimateWebView.Constants or UltimateWebView.Settings.Constants property.

Example::

UltimateWebView1.Settings.CacheMode=UltimateWebView1.Constants.CACHEMODE_LOAD_DEFAULT

Or:

Example::

UltimateWebView1.Settings.CacheMode=UltimateWebView1.Settings.Constants.CACHEMODE_LOAD_DEFAULT

Ivica Golubovic · Nov 13, 2021

Version 1.4 released. See first post.

Changes:

Added class UltimateMimeTypeMap.
Added class UltimateURLUtil.
Added property MimeTypeMap to UltimateWebView Class.
Added property URLUtil to UltimateWebView Class.

SAFCO · Nov 20, 2021

Sounds Great...
But how can I load html (As String)? Is it possible? something like this: UltimateWebView.loadHtml

Ivica Golubovic · Nov 20, 2021

Version 1.5 released. See first post.

Changes:

Added class ConsoleMessage.
Added type MessageLevels with predefined values.
Added event ConsoleMessage (ConsoleMessage1 As ConsoleMessage) As Boolean.
Added method LoadFileFromDirInternal to UltimateWebView Class.
Added method LoadFileFromDirAssets to UltimateWebView Class.

Erel · Nov 21, 2021

Ivica Golubovic said:
Added method LoadFileFromDirAssets to UltimateWebView Class.

Make sure to check it in both release and debug modes, as in debug mode the assets folder is a regular folder.

Ivica Golubovic · Nov 21, 2021

Erel said:
Make sure to check it in both release and debug modes, as in debug mode the assets folder is a regular folder.

As always, you aim directly at the essence. This is the main reason why this method was added to the library. Since SDK29 and the introduction of Scoped Storage it is not at all possible to load a file directly from DirAssets into WebView (ERR_ACCESS_DENIED or File does not exist). The entire path to the file in DirAssets is just "file: /// AssetsDir / [File Name]" which throws out the error of a non-existent file. I found a solution that I implemented in this method and now it opens the file in Debug and Release mode. Thank you for your cooperation.

SAFCO · Nov 21, 2021

SAFCO said:
Sounds Great...
But how can I load html (As String)? Is it possible? something like this: UltimateWebView.loadHtml

Hello there....

Ivica Golubovic · Nov 21, 2021

SAFCO said:
Sounds Great...
But how can I load html (As String)? Is it possible? something like this: UltimateWebView.loadHtml

From lib version 1.5:

LoadFileFromDirAssets (FileName As String) As String
Loads file (HTML, TXT, PNG, JPG...) from DirAssets folder into UltimateWebView.
LoadFileFromDirInternal (FileName As String) As String
Loads file (HTML, TXT, PNG, JPG...) from DirInternal folder into UltimateWebView.

From SDK29 and Scoped Storage you can only load HTML file in shared folder. To open file from external you must implement default FileChooser.

Additional information: From SDK30 WebView.Settings.AllowFileAccess is set to FALSE by default. In order for WebView to be able to open any file, you first need to set this option to TRUE.

Ivica Golubovic · Nov 25, 2021

If anyone has tested the library in any way so far, any feedback is welcome. The goal is to make the library better, more stable, easier to use, to remove bugs. Please report both the pros and cons of this library. CHEERS

iz0ndg · Nov 26, 2021

Hi Ivica, I need to parse the html code and with this

B4X:

        UltimateWebView1.ExecuteJavaScript2("document.documentElement.outerHTML")
        Wait For UltimateWebView1_ExecuteJavaScriptResult(Result As String)
        Log("text " & Result)

I can come up with the result but I don't have the pure html text but somehow encoded like this:

B4X:

"\u003Chtml lang=\"it\">\u003Chead>\n   \u003Cmeta charset=\"utf-8\">\n\n   \u003Cmeta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">\n   \u003Cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no\">\n\n   \u003C!-- Disable tap highlight on IE -->\n

but I would need pure html like this :

HTML:

<html lang="it">
<head>
   <meta charset="utf-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">

how can I do ?

Tks.

Ivica Golubovic · Nov 26, 2021

Response from javascript execution is in JSON. You must convert JSON result to html. There is several ways on internet how you can do this in Java. You must use javacode in your B4A project. There is no simple converter.

Ivica Golubovic · Nov 26, 2021

iz0ndg said:

Hi Ivica, I need to parse the html code and with this

B4X:

        UltimateWebView1.ExecuteJavaScript2("document.documentElement.outerHTML")
        Wait For UltimateWebView1_ExecuteJavaScriptResult(Result As String)
        Log("text " & Result)

I can come up with the result but I don't have the pure html text but somehow encoded like this:

B4X:

"\u003Chtml lang=\"it\">\u003Chead>\n   \u003Cmeta charset=\"utf-8\">\n\n   \u003Cmeta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">\n   \u003Cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no\">\n\n   \u003C!-- Disable tap highlight on IE -->\n

but I would need pure html like this :

HTML:

<html lang="it">
<head>
   <meta charset="utf-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">

how can I do ?

Tks.

Add this Java code into Activity:

JavaCode::

#If Java
import java.util.regex.Pattern;
import java.util.regex.Matcher;
import java.lang.StringBuffer;
import java.lang.Integer;

public String jsonToHtml (String data) {
        Pattern p = Pattern.compile("\\\\u(\\p{XDigit}{4})");
        Matcher m = p.matcher(data);
        StringBuffer buf = new StringBuffer(data.length());
        while (m.find()) {
            String ch = String.valueOf((char) Integer.parseInt(m.group(1), 16));
            m.appendReplacement(buf, Matcher.quoteReplacement(ch));
        }
        m.appendTail(buf);
        return buf.toString();
    }

#End If

Add this code in B4A after javascript execution:

BA code::

Dim jo As JavaObject=Me
Dim HtmlResult As String=jo.RunMethod("jsonToHtml",Array(Result))
Log(HtmlResult)

iz0ndg · Nov 27, 2021

Ivica Golubovic said:

Add this Java code into Activity:

JavaCode::

#If Java
import java.util.regex.Pattern;
import java.util.regex.Matcher;
import java.lang.StringBuffer;
import java.lang.Integer;

public String jsonToHtml (String data) {
        Pattern p = Pattern.compile("\\\\u(\\p{XDigit}{4})");
        Matcher m = p.matcher(data);
        StringBuffer buf = new StringBuffer(data.length());
        while (m.find()) {
            String ch = String.valueOf((char) Integer.parseInt(m.group(1), 16));
            m.appendReplacement(buf, Matcher.quoteReplacement(ch));
        }
        m.appendTail(buf);
        return buf.toString();
    }

#End If

Add this code in B4A after javascript execution:

BA code::

Dim jo As JavaObject=Me
Dim HtmlResult As String=jo.RunMethod("jsonToHtml",Array(Result))
Log(HtmlResult)

Thank you, with some adjustments it was very useful to me !

Ivica Golubovic · Nov 29, 2021

iz0ndg said:
Thank you, with some adjustments it was very useful to me !

It would not be bad to post your solution here because it might help someone with the same or a similar problem. Thanks.

B4A Library UltimateWebView Custom View

Expert

Expert

Active Member

Expert

Active Member

Active Member

Active Member

New Member

Active Member

B4X founder

Active Member

New Member

Active Member

Active Member

Active Member

Active Member

Active Member

Active Member

Active Member

Similar Threads