Excel is not visible for Android

Question

Hello,

I have created a test project to show Excel using web view. Here is the GitHub URL

TestWebVeiw. I am trying to open the Excel file using WebView. The Excel is visible on the iPhone, but it shows a blank page when I try to run it on Android. I have attached valid screenshots below. 

iPhone:

Android:

Answer 1

Hi @Chinmay Dole ,

I am using the following code. Please check if it is useful for you. It is working fine for me.

private static string LoadFileFromAzureBlobStorage(string fileUrl)
 {
     string filePath;

     try
     {
         filePath = fileUrl[..fileUrl.IndexOf('?')]; // Removes the SAS token
     }
     catch (Exception ex)
     {
         filePath = fileUrl;
     }

     string fileExtension = Path.GetExtension(filePath).ToLowerInvariant(); // Gets extension


     // Check the file extension
     switch (fileExtension)
     {
         case ".xlsx":
         case ".xls":
         case ".doc":
         case ".docx":
             return $"https://docs.google.com/viewer?url={Uri.EscapeDataString(fileUrl)}&embedded=true"; 
         default:
             return fileUrl;
     }
 }

Answer 2

Hello,

This is an expected behavior. Android's native Webview does not have the ability to parse documents. Therefore, you need to enable Javascript for the Android platform's Webview and implement the online preview function of Excel through the API provided by Microsoft.

Please refer to the following code sample:

public WebViewTest()
	{
		InitializeComponent();
#if ANDROID
        Microsoft.Maui.Handlers.WebViewHandler.Mapper.AppendToMapping("MyCustomization", (handler, view) => {
            handler.PlatformView.Settings.JavaScriptEnabled = true;                 
            handler.PlatformView.Settings.AllowFileAccess = true;                 
            handler.PlatformView.Settings.AllowFileAccessFromFileURLs = true;              
            handler.PlatformView.Settings.AllowUniversalAccessFromFileURLs = true;
        });
        TestWeb.Source = new Uri("https://view.officeapps.live.com/op/view.aspx?src=https://go.microsoft.com/fwlink/?LinkID=521962").ToString();
#endif
    }

Best Regards,

Alec Liu.

---

If the answer is the right solution, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".

Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.