BCA / B.Tech 8 min read

Integrating Web Content with WebView in Hindi

WebView के साथ Web Content को Integrate करना

WebView क्या है? (What is a WebView?)

WebView Android का एक View है जो आपको अपनी application के अंदर web pages (जैसे HTML, CSS, JavaScript) दिखाने की सुविधा देता है।

यह आपकी activity के layout का एक हिस्सा होता है, जो एक mini-browser की तरह काम करता है। इसका उपयोग करने से user को web content देखने के लिए आपकी app छोड़कर किसी external browser (जैसे Chrome) पर जाने की ज़रूरत नहीं पड़ती।

WebView का उपयोग क्यों करें? (Why Use WebView?)

  • Help/Documentation दिखाना: अपनी app में help section या documentation दिखाने के लिए।
  • Terms and Conditions: Users को "Terms and Conditions" या "Privacy Policy" page दिखाने के लिए।
  • Simple Web Pages: जब आपकी app का कोई हिस्सा web technology का उपयोग करके बनाया गया हो।

WebView का उपयोग कैसे करें (How to Use WebView)

Step 1: Internet Permission Add करें

WebView को web pages load करने के लिए internet access की ज़रूरत होती है। इसलिए, आपको `AndroidManifest.xml` file में internet permission add करनी होगी।


<?xml version="1.0" encoding="utf-8"?>
<manifest ...>

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

    <application ...>
        ...
    </application>
</manifest>

Step 2: XML Layout में WebView Add करें


<WebView
    android:id="@+id/my_web_view"
    android:layout_width="match_parent"
    android:layout_height="match_parent" />

Step 3: Activity में Web Page Load करें

अपनी activity की Java file में, `WebView` को find करें और `loadUrl()` method का उपयोग करके web page load करें।


public class MainActivity extends AppCompatActivity {
    private WebView myWebView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        myWebView = (WebView) findViewById(R.id.my_web_view);
        myWebView.loadUrl("https://www.google.com");
    }
}

JavaScript को Enable करना

Security reasons की वजह से, WebView में JavaScript by default disabled रहता है। यदि आप जो web page load कर रहे हैं वह JavaScript का उपयोग करता है, तो आपको इसे manually enable करना होगा।


// onCreate() method के अंदर
myWebView = (WebView) findViewById(R.id.my_web_view);
WebSettings webSettings = myWebView.getSettings();
webSettings.setJavaScriptEnabled(true); // JavaScript को enable करें
myWebView.loadUrl("https://www.google.com");

Navigation को Handle करना (WebViewClient)

समस्या: By default, जब user WebView के अंदर किसी link पर click करता है, तो Android उस link को device के default browser में खोलता है, आपकी app में नहीं।

समाधान: इस behavior को बदलने के लिए, आपको `WebView` को एक custom `WebViewClient` देना होगा। `WebViewClient` आपको URL loading को intercept करने की अनुमति देता है।


// onCreate() method के अंदर
myWebView = (WebView) findViewById(R.id.my_web_view);
myWebView.setWebViewClient(new WebViewClient()); // यह line navigation को app के अंदर रखती है
webSettings.setJavaScriptEnabled(true);
myWebView.loadUrl("https://www.google.com");

अब, जब user किसी link पर click करेगा, तो वह page उसी WebView में खुलेगा।