WebView in Android Studio
HTML-код
- Опубликовано: 21 авг 2024
- Master programming and take your career to new heights with clear, concise C, Android, and Web Development courses for just Rs. 999 / $ 12. Get lifetime access and certificate. Click here to enroll: courses.sandip...
In this video, I'll show you how to load a website in your Android app without using any web browser and using only WebView class. So, let's get started.
Source Code for this video
github.com/san...
Check out my other videos on WebView here:
Load Local HTML Files Into WebView | Android Studio Tutorial
• Load Local HTML Files ...
Build a Web Browser in Android Studio
• Build a Web Browser in...
| -------------------------------------------------------------------- |
👍 Subscribe to the Channel
www.youtube.co...
Check out other Playlists
► Introduction to Programming with C (2 hours of video content)
• C Programming Tutorial...
► Android App Development for Beginners (8+ hours of video content)
• Android Apps and Games...
► Build a Complete Quiz App for Android
• Build a Complete Quiz ...
► Android SQLite Programming for Beginners (2.5 hours of video content)
• Android SQLite Program...
► Android Game Development in Android Studio: Build Games for Absolute Beginners (3+ hours of video content)
• Android Game Developme...
► Android Game Development - Create Your First Mobile Game
• Android Game Developme...
► Android Game Development Tutorial
• Android Game Developme...
► Programming Flappy Bird for Android
• Programming Flappy Bir...
► Object Oriented Programming Fundamentals
• Object Oriented Progra...
► jQuery for Beginner to Advanced
• jQuery for Beginner to...
► PHP MySQL CRUD Tutorial (Create, Read, Update, Delete) (1+ hour of video content)
• PHP MySQL CRUD Tutoria...
❤️ You can donate by clicking here
PayPal: paypal.me/Crea...
For Indians: www.instamojo....
✉️ For Business Inquiries
sandip.bhattacharya16@gmail.com
📣 Follow me on other sites
→ Website: SandipBhattach...
→ Udemy: bit.ly/SandipUdemy
→ Skillshare: bit.ly/SandipSk...
→ Google Play: bit.ly/SandipPlay
→ Facebook Page: bit.ly/SandipFa...
→ Facebook Group: bit.ly/PWSGroup
→ LinkedIn Group: bit.ly/PWSGroupLI
→ Twitter: bit.ly/SandipTw...
→ GitHub: bit.ly/SandipGi...
Master programming and take your career to new heights with clear, concise C, Android, and Web Development courses for just Rs. 999 / $ 12. Get lifetime access and certificate. Click here to enroll: courses.sandipbhattacharya.com/s/store
hello
Please am working on webview
This is what am trying to achieve
When I load a website in webview I want every link clicked on the website should not open in webview but it should open in default browser
Pls tutorial
This is very efficient as you can code the rest on the web, and that's much more easier than coding in Java/Kotlin. Thanks for the tutorial.
You are welcome! 🙂
Check out my other videos on WebView here:
Load Local HTML Files Into WebView | Android Studio Tutorial
ruclips.net/video/UTbXeBNIAwI/видео.html
Build a Web Browser in Android Studio
ruclips.net/video/011C96GCLjU/видео.html
very helpful tutorial, it save my internship for now, ty
You are welcome. Keep learning. All the best for your career.
To make your custom app -
Step -1 Make a web page
Step-2 Link your web from android studio as shown in the video
Step-3 DONNNNNE!!!
Thank you. This video tutorial is so helpful and the approach is very simple.
Glad it was helpful!
Hi thanks for your perfect video,
I have problem ,i pass short RUclips link to an webview ,the video sometimes work perfect and sometimes the video image cuts off but the sound work perfect,please help me
Thanks Very very thanks to you, you are supereb
You are most welcome. 🙂
Thank you, Sandip! Good show.
Glad you enjoyed it
Thanks Sandip, it works beautifully. Can you help with another aspect which allows my app to fully interact with my device in that I need it to access the device's gallery in order to post images as it works similar to other social media websites.
Hi Russell, thank you for your feedback. I have noted your request and will strive to provide a solution as soon as possible.
Great Work man❤️ i am facing problem.
Aftet creating the app i open it and i am go to my about section from my web homepage, and when i click back button it was backed to mobile home screen, it should redirect to my web homepage,
Please solve this.....
Thanks. Let me check
@@SandipBhattacharya What was the fix?
Add this inside main class :-
@Override
public void onBackPressed() {
if(webview.canGoBack()) webview.goBack();
else super.onBackPressed();
}
enjoy!!!
@@codexrat thanks
Thank you sooooooooo! Much!
You're welcome! 🙂
Thank you a very helpful video
Glad it was helpful! 🙂
Good Job. I Like you tutorial very much. keep it up.
Hi, first of all thanks for the tutorial, everything was understandable and clear :). However, the input file does not work on the page, how can I solve this? :((
Let me check
Sir thank you for the video but i had a problem while making the webview app which was the menu bar of my website was not working in the webview app
Check javascript Permission
Thank you. Keep doing good work.
Thank you. I will.
Thank you 😊
You are most welcome! 😀
It is great looking forward to adding more videos
Thank you so much. More to come!
Besides knowledge of android java, do you have any course on php mvc mysqli ?
Check out my playlist "PHP MySQL CRUD Tutorial (Create, Read, Update, Delete)" : ruclips.net/p/PLGY_UftsHsIaIcSLmDNiWlA2ZRUEiwBc4
Thanks
Please I need a help.
I have a web_loader activity.
I created a different class and call it WebViewsetting.java class.
I extends it with activity..
Then I put some webview setting codes in apply a method call apply_setting
But when I call the method in the loader activity, my app keeps crashing.. please I need help.
Please what should I do?
Check your Logcat and get the exact error message. Copy that and paste in Google.
Thanks for video
Most welcome
Thank you
You're welcome 😀
Sir Please Solve My Issue, Maine Ek Whatsapp Status Web App Banaya Tha Android Studio Ke Madat Se Par Usme Mera Video Download Nahi Ho Raha Hai, Aisa Kya Kare Jisse Video Download Ho Sake Phone Me App Ke Jariye. Please Help Me
Hi @2 Brothers Status, you can create download request using DownloadManager.Request. Then get the download service and the actual video file from link using DownloadManager class.
i dont know how but somehow the "shouldOverrideKeyEvent" stuff fixed my blurry images, thanks for the tutorial helped me really good
Glad it helped! 😀
One question from me...
I have made story app using recycler view.
And on string.xml i have added title_story and detail_story.
And when user click on title_story it should show html text insted of java text view..
Because i dont want to write detail story in text in string.xml.
I want that write that detail story on html webview.
Plz plz helo help..🙏🙏🙏
Thanks for your valuable time
It's my pleasure 🙂
Thank you! It helped me a lot
Glad it helped! 🙂
Great 👍 tutorial, can you please make one with button that links to webpage.
Hi Eric, glad you liked my tutorial. I'll create a separate video on that soon. Meanwhile, what you can do is, add an EditText and a Button just on top of the WebView. When the Button is clicked, get the url from EditText and pass the String in loadUrl() parameter. Done! 🙂
Good Video. You have explained very well. I have followed all steps. But, showing error as :
err_cache_miss
Please help to solve the problem.
Thank you so much. Check if is present in manifest.xml. Make sure that it is nested under and not . If you still have this issue, make sure that your Android Studio, Android SDK and the emulator image (if you are using one) is updated.
@@SandipBhattacharya Yes. Thanks. I have copied your code from github and problem is solved. Thanks 🙏
You are welcome. 🙂
thank you
You're welcome
and I get 'emulator: dsound: attempt to initialize voice without directsoundcapture object' error
Try this: If you're using Windows 10, go to Start > Settings> Privacy Settings> Microphone. Turn on "Allow apps to access your microphone" if it's turned off.
Nice work man ! I have and error and the end. Maybe is because I work in mac
Thanks a lot man. I wish I could help you in this regard, but I use windows Pc.
I got an single page application website but in my webview i cannot proceed to next url. Is that because my web is SPA? pls tell me
Hi Ronald, I need to check on this.
How can I download it and upload it on play Store
Great tutorial. Thanks
Glad it was helpful! 😀
How to disable the refresh from the webview? I am running into "too many requests coming from your IP" messages
Hi, try this by adding android:launchMode="singleInstance" to your element in manifest
Great work it helps me a lot
But how to display website notifications as app notifications android studio webview
Thanks! Let me check.
@@SandipBhattacharya please check it and rply me its helps me to comple my webview
thanks it worked!
Great!
Thank you very much,,, can you please help me for a a topic that which i wish to create a woo-commerce website, im trying to follow your method of web view . but i want a notification on mobile while a customer purchase product from my website . can you please help ?
Thanks!
i think the http should be https?
Hi Eli, if http doesn't work pls try with https.
Getting web page not found err error for external links to open follow up page like fb n insta
Thank you very much
You are welcome
Dear Sandeep, thanks for your video, I have a question if you can bring some light on this issue, I create a website to be used specially for android devices, and I want to include videos on it to be viewed from android devices, I use HTML video frame to add it and it run nice on all devices and also on PC, but I found a issue, when I view the video from any android device it don't allow to advance or go back in the video time, and it only run on normal speed mode without allow to advance forward or go back on video control, even when you try to double tap on screen what it does is go back to the very beginning of the video over and over, please if you have any clue how to fix this issue please let me know, thanks in advance
Try this line of code:
webView.getSettings().setDomStorageEnabled(true);
good profesion
thanks bro
No problem 🙂
Thanks a lot very helpful!!
You're welcome!
I got an error null pointer exception
Check for null values.
Sir in this app payment gatway can't work please give any suggestion for this problem.
Hey man, can i just know if a full scale web app, with a whole lot of features still be efficient to load and interact using web view ?
consider something like a cred app running within the webview
thanks in advance, you earned a sub :")
Thank you. You can always test that using any URL.
Forbidden error coming in my webview need help
Hello, a 'Forbidden' error in WebView usually indicates a permissions issue. First, ensure the URL is correct and accessible. Then, check if your app has the necessary internet permissions in the AndroidManifest.xml file by adding . If it's a secured website, ensure proper handling of SSL certificates. If the issue persists, it might be related to the website's server configuration, which can block WebView user-agents.
hi! awesome video . I'd learned more in this video than in class. i have a question,
im developing a website that uses whatsapp link buttons, so, how can i make that this webview automatically detects the instaled whatsapp and open the whatsapp chat in the app? (whatsapp app)
i mean, switch beetwen the webview and whatsapp when a whatsapp link is clicked
Thanks!
You can either use:
Share
or, use
Share
in the HTML.
If that's not working then update android version and whatsapp version of your phone.
@@SandipBhattacharya thank you so much!
@@JeSuisMikesh You are welcome. 🙂
@@SandipBhattacharya me again 🤦🏻♀️ I get an error that says "net::ERR_UNKNOWN_URL_SCHEME" how can I fix it?
1) Try to add target="_blank" in your code.
For Example:
Share
or, use
Share
2) Try using http instead of https.
Can any one please share the code????
Hi @FTF Studio, send me a query through my website: sandipbhattacharya.com/contact.php
Sir how to remove default app nav bar
@Montez Music, This is one way to make your app fullscreen (and remove default app nav bar).
Click here: ruclips.net/video/f2oSRBwN2HY/видео.html
@@SandipBhattacharya thank you sir
You are most welcome. 😊
Thanks bro that permitted error was irritating me, there was no solution in the web leaving your video thanks
Thanks. Glad it was helpful. 😀
Ty for so much its really work
Thanks!
I have a question please help me..!
...
💕🙏 Thank you so much for this informative tutorial 💐
Amazing and easy explanation...
Dear sir,
I have some external links in buttons (another website) on my website.
When I try to open those links, an error shows = You need to enable JavaScript to run this app/Invalid product...
I want those links to open in Chrome or any default web browser.
What I need to do?
Please help 🤗
Thanks 💐
Most welcome 😊
Just follow the instructions.
Step 1: In shouldOverrideUrlLoading() method, write
if (url.equalsIgnoreCase("sandipBhattacharya.com/contact.php") || url.equalsIgnoreCase("sandipbhattacharya.com/contact.php")) {
view.getContext().startActivity(
new Intent(Intent.ACTION_VIEW, Uri.parse(url)));
return true;
} else{
return false;
}
Considering, I want to open contact.php page in browser.
Step 2: Just replace my links with your external links.
I have tried this code to be working fine. Hope that helps you!
Back in page does not work
@Meherun Nisa, override onBackPressed() like the following in MainActivity:
@Override
public void onBackPressed() {
if (web.canGoBack()) {
web.goBack();
} else {
super.onBackPressed();
}
}
Hope that helps. 🙂
Brother, I have a problem with the application showing my site, but it is not connected, the Internet!
Make sure to give internet permission in Manifest.
Thanks for the video, it helped me a lot.
I have a question, how do I enable the gps for a website used by my webview? Thank you
Thanks! I'll look into it and let you know.
I am not being able to use keyboard inside my webview it crashes my fragment everytime
I don't know about your code. But, it works fine without using fragment.
Hi sandip sir,these tutorial is very nice .but which version you used in these tutorial of Android Studio. plz reply ASAP.
Thanks. Watch the videos. It's there.
When I click on sign in on my WebView it prompts for a browser. Same thing if the view is to open a new tab. It prompts for browser. How do I prevent this?
Hi felix, try "return true" instead of "return false" in shouldOverrideKeyEvent() method.
Hi, do you know how can I fix the error: (net::ERR_HTTP_RESPONSE_CODE_FAILURE )? I have a login pege, but after the login I'm having this error. Thank you for your video.
hello, I already fixed my problem. I was actually trying to log in, but I was already logged in. thank you so much.
Glad to hear that you were able to fix it. Congratulations!
Hi Sandip,
is there any tips if we want to inject our js file inside webview which the website is not ours?
So it will be same as common browser extension.
Thank you.
Thanks very helpful.
Glad it was helpful. 🙂
thx bro
Welcome
My see a Blank page. can you tell how to fix?
Hi, select onCreate() that takes only one Bundle argument. For example,
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
.
.
.
}
Try this and hope your issue will be fixed.
@@SandipBhattacharya thanks . One more issue CSRF token not generated for post method to backend DJANGO server. It works fine on the browser but not from Android Apo
@@thejeepwranglerguy9543 Not of my knowledge.
When you press back it closes the app. How do I fix that?
Override onBackPressed() like this:
ruclips.net/video/011C96GCLjU/видео.html
How to hide top title bar?
Hi Patoori, this is one way to make the app fullscreen and hide the top title bar. 🙂
ruclips.net/video/ZaoVQYbhuKI/видео.html
Thank you so much for your reply with approporiate solution and timestamp@@SandipBhattacharya great to see such dedication
Tell me how can I add upload file and download file on webview app
If the website has upload and download feature, it may be possible using webview app. Try that. 👍
@@SandipBhattacharya yes my website has upload option. but the problem is whenevr a user click on upload or download button in the app inothing happens.
Ok. I'll have a look into it and let you know.
@@NAVEEN-pz3fg use permissions.
This video saved me
Thanks for your kind words, Pavittar. Check this playlist for more cool videos on android app development.
ruclips.net/p/PLGY_UftsHsIa-7gHJj_8NzVUb5MPizGg-
How can I open my url like this after click a button
Yes, you can do it.
@@SandipBhattacharya thank you
Yes, I did it!
For source code means, agar developer nahi dhiyetho.. aap ko pochsakte?
How to add a video into this web app ?
Hi Your Support Webview Apps I created successful..But I have a login page in my website I am trying to login in login page with android webview app..Use correct id password then unable to login and in other browser with same login page I am able to login with same credentials.. Please help on it... Thank you so much..
how do you remove the blue header above?
amazing tutorial btw!! just subbed!
Thanks for subscribing.
Try this if you want to remove the ActionBar:
requestWindowFeature(Window.FEATURE_NO_TITLE);
getSupportActionBar().hide();
Call these before setContentView()
Hi!
I did the app, seems like is running fine in the app, but please tell me how do I save it and share it to others? Thanks!
You can either publish it on Google Play or generate an Apk and share that Apk with others.
Android system link
Replied on your other comment.
hello how i can made the apk archive
My webview app search my mobile contact list ?
Its running perfectly but i added some Google forms link button in my website, its running through website smoothly but in app its showing ERR_UNKNOWN_URL_SCHEME
How can i fix that.
Try using the full link. Uncheck the "Shorten URL" checkbox if it's checked, to get the full link.
@@SandipBhattacharya its full link but not opening in app
@@kalashalthetalenthub6282 Hey, here is the solution!!!
Sometimes the WebView can't deal with special URL scheme other than http or https, for example intent://, app://, tel:, mailto:, whatsapp:// etc. So, we are required to override shouldOverrideUrlLoading method in the custom WebViewClient class that we created, called Callback, and handle these schemes or to disable these schemes. The solution that works in your case is given below. You can add or remove few if blocks if you need to. Enjoy!
public boolean shouldOverrideUrlLoading(WebView view, String url) {
if (url.startsWith("http") || url.startsWith("https")) {
return false;
}
if (url.startsWith("intent")) {
try {
Intent intent = Intent.parseUri(url, Intent.URI_INTENT_SCHEME);
String fallbackUrl = intent.getStringExtra("browser_fallback_url");
if (fallbackUrl != null) {
view.loadUrl(fallbackUrl);
return true;
}
} catch (URISyntaxException e) {
// Syntax problem with uri
}
}
if (url.startsWith("tel:")) {
Intent intent = new Intent(Intent.ACTION_DIAL, Uri.parse(url));
startActivity(intent);
} else if (url.startsWith("mailto:")) {
Intent intent = new Intent(Intent.ACTION_SENDTO, Uri.parse(url));
startActivity(intent);
}
return true;// do nothing in other cases
}
@@SandipBhattacharya ya its working now. Tysm for your help 😇
Thanks for the feedback. Keep learning, always! 🙂
Thank you! but can we play video sound in lockscreen ?
No, it's not possible. Lock screen video and sound is not provided by any manufacturer till date.
Does it plays video and audio of websites also? I have test couple of webviews seems it doesn't works
You can try this:
Step 1: Add internet permission in Manifest
Step 2 : Add this to your Manifest file in application tag
android:hardwareAccelerated="true"
Step 3: Add your network security config file in application tag of Manifest
android:networkSecurityConfig="@xml/network_security_config"
Step 4 : Check if you are setting layer for your WebView.
For example, myWebView.setLayerType(View.LAYER_TYPE_SOFTWARE, null);
Step 5: To unblock mixed content use in your Java class:
For example, webView.getSettings().setMixedContentMode(WebSettings.MIXED_CONTENT_COMPATIBILITY_MODE);
Sen süpersin ya
Thank you. 😀
My app doesn't work error
can you help me
Explain your error.
Android system link web broswer
From onCreate() write:
web.loadUrl("SandipBhattacharya.com/contact.php");
Inside Callback class put this overridden method:
public boolean shouldOverrideUrlLoading(WebView view, String url) {
/* Open some links (it can be external links also) on Chrome
or any default web browser.
For example: following code will open contact.php
in Chrome or any default web browser of your mobile.
*/
if (url != null && (url.startsWith("") || url.startsWith(""))) {
view.getContext().startActivity(
new Intent(Intent.ACTION_VIEW, Uri.parse(url)));
return true;
} else{
return false;
}
}
Hope it helps. 🙂
hi can i ask , how to connect localhost wordpress website from android studio like Webview thanks.
If you're using Android Studio to run the emulator, then localhost of your host computer will be mapped to the IP address, 10.0.2.2, inside the emulator.
In andriod studio 4.1.1 version on layout folder I can see 4 xml files, activity_main,content_main,fragment_first,fragment_second .I am a react developer(fresher) so i dont know where to add webview activity_main code have different that I can see your activity_main.xml
Try adding webview into content_main
@@SandipBhattacharya k thanks bro its working
Awesome!
I want to publish the app in Play Store can we upload
Can't respond before looking into your code and resources.
nice
Thank you. 😊
to me say : err-name-not-resolved
Make sure you have entered the correct website address.
How the website set as responsive in mobile app
Your website itself should be responsive.
@@SandipBhattacharya All online applications are using this technique webview for their online apps?
how to desktop site opn this app?
You can use Emulators.
me arreglo 4 horas de trabajo agradecido con el de arriva
gracias 😀
no error but app crashes
Have you checked the Logcat?
My app doesn't work error
What error you're getting in Logcat?
Peace be upon you, I would like to communicate with you, as I want to do such a video, but in the name of my educational academy, it is really a beginner, but we have a primary goal is to teach programming to our children, so I see that you are the right person, especially if you referred to our Junior Programmer Academy. This video will give us a great opportunity to be in the market, I hope you send me the cost and approval to format the video content even if it is short
For any business query, contact me through my website.
Sir make a project on file sharing using wifi p2p
Thanks Avijit, I'll keep that in mind.
Sir make video with json object
Sure, I'll do one on JSON parsing.