1. 程式人生 > >android入門-android內嵌H5頁面

android入門-android內嵌H5頁面

目標開啟app能夠看到看到目前web端的主頁,能夠正常瀏覽即可;

目標基本達成,現在回顧一下知識點,其實比較小白;

流程:新建專案–MainActivity中放入一個WebView–WebView載入主頁

新建專案:

  1. 右鍵左側空白>new project>android>android application project,如圖1
    圖1
  2. 鍵入專案名,由於是簡單測試 其他不管>Next如圖2
    這裡寫圖片描述

  3. 取消Create custom launcher icon
    前面的勾選(就是懶得指定icon嘛,勾上的話後面還得指定一個icon)>Finish如圖3
    這裡寫圖片描述

MainActivity中放入一個WebView

1.修改activity_main.xml
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    tools:context="com.example.uitest2.MainActivity"
>
<WebView android:id="@+id/webView" android:layout_width="fill_parent" android:layout_height="fill_parent"/> </RelativeLayout>
2.WebView載入主頁

修改MainActivity.java
最終程式碼如下

public class MainActivity extends ActionBarActivity {

    private WebView webView;

    @Override
protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); //去掉標題欄方法1 未生效 原因不明 //百度出的方法2是在AndroidManifest.xml中配置application結點的 android:theme屬性 但是 android:theme="@android:style/Theme.NoTitleBar" 這個寫法是比較老舊的,這種方式異動是程式總是崩潰 //原因,升級後theme是由appcompat_v7管理 所以這裡theme應該採用android:[email protected]/Theme.AppCompat.Light.NoActionBar” // requestWindowFeature(Window.FEATURE_NO_TITLE); setContentView(R.layout.activity_main); webView = (WebView) findViewById(R.id.webView); //覆蓋WebView預設使用第三方或系統預設瀏覽器開啟網頁的行為,使網頁用WebView開啟 webView.setWebViewClient(new WebViewClient(){ @Override public boolean shouldOverrideUrlLoading(WebView view, String url) { view.loadUrl(url); return true; } }); webView.loadUrl("http://www.qq.com//"); } }
3.修改功能清單檔案
在application節點前加入聯網許可權的宣告:
<!--     聯網許可權 -->
    <uses-permission android:name="android.permission.INTERNET"></uses-permission>
4.修改application結點的android:theme屬性,去掉activity的頭
android:theme="@style/Theme.AppCompat.Light.NoActionBar"

至此我們的基本功能都做完了,右鍵專案run as > android application 即可看到效果

遇見的問題

 - 提示網頁無法開啟,因為net::ERR_CACHE_MISS

  這是因為沒有宣告聯網許可權的緣故,很好解決,
  修改功能清單檔案
在application節點前加入聯網許可權的宣告:
<!--     聯網許可權 -->
    <uses-permission android:name="android.permission.INTERNET"></uses-permission>
 - activity有個很醜的title之類的頭部
如何去掉Activity的標題
百度的時候大家都會提到三種方法
1是在setContentView之前加上requestWindowFeature(Window.FEATURE_NO_TITLE); 但我這裡並沒有用
2是在AndroidManifest.xml中配置application結點的 android:theme屬性 但是 android:theme="@android:style/Theme.NoTitleBar" 這個寫法是比較老舊的,這種方式異動是程式總是崩潰,原因,升級後theme是由appcompat_v7管理 所以這裡theme應該採用android:[email protected]/Theme.AppCompat.Light.NoActionBar”
所以最終的解決方案是
修改application結點的android:theme屬性,去掉activity的頭
android:theme="@style/Theme.AppCompat.Light.NoActionBar"
 - 點選WebView的連結,預設通過自帶的瀏覽器開啟頁面
//覆蓋WebView預設使用第三方或系統預設瀏覽器開啟網頁的行為,使網頁用WebView開啟  
        webView.setWebViewClient(new WebViewClient(){
            @Override
            public boolean shouldOverrideUrlLoading(WebView view, String url) {
                view.loadUrl(url);
                return true;
            }
        });

背景:

最近公司接了個外包專案,需要android,但是預算並不多,要求也很低,基本屬於有就可以的地步;並且微信端已經在進行中了,等於說有現成的h5.所以,如果做一個簡單巢狀H5的App的話成本是最低的.
我之前學過一些android基礎,只限於基礎,現在正好嘗試一下,如果可以的話就我就自己負責android了.

相關推薦

android入門-androidH5頁面

目標–開啟app能夠看到看到目前web端的主頁,能夠正常瀏覽即可; 目標基本達成,現在回顧一下知識點,其實比較小白; 流程:新建專案–MainActivity中放入一個WebView–WebView載入主頁 新建專案: 右鍵左側空白>ne

ios應用h5頁面數據自動變色識別為手機號碼的解決方法——手機號碼撥號禁用IOS手機頁面數字自動識別為手機號

log 數字 bsp 標簽 one .com div meta name 現象如下,ios應用內嵌h5頁面,本來是設置了白色的數字,兩三秒之後會自動變為黑色,然後點擊的時候就會彈出是否撥號的提示; 解決方法,添加如下meta標簽,即可解決: <meta

apph5頁面問題總結

kit 內嵌 當前 播放 ren 發的 blog 設置 time 一、<audio> 1.ios上只能播放mp3文件格式的音頻 2.fis+smarty開發的靜態頁,將音頻文件寫死時,js設置當前播放時間(currentTime)失效,每次賦值都自動歸零。後來音

AppH5頁面聯調接口

接口 isa android func all mac os x indexof cpu os x //分享接口 function ShareLp(query,pkid){ var shareUrl=""; var shareImg=""; var shareT

h5頁面 h5頁面遇到的問題

arp clas 頁面 user 內容 csharp splay sharp har 1、input框無法獲取焦點輸入內容 input { -webkit-user-select: auto; } 2、div裏面放img標簽有3px的距離 div

微信小程式H5頁面

<web-view>概況使用 <web-view> 標籤能在小程式中開啟外部網頁,但是要開啟的網頁的域名必須跟小程式的業務域名(業務域名可以在小程式的後臺管理介面新增)一致,否則在真機上是打不開的。如果開發工具上勾選了‘不校驗域名’,在開發的時候還是能

app h5頁面 再滑動的時候 觸發擊穿底下的一些touchstart事件

control touch .com images click remove rem screen close 我們的目的是再滑動的時候 不要觸發到touchstart事件。 // 再滑動的時候無法點開視頻

ios下apph5頁面是video適配問題

ios下做新聞詳情用h5頁面實現然後打包到app中,其中新聞詳情頁會有視訊,安卓下video的poster可以做到適應video大小,但是ios下會按照poster圖片大小將video等比撐大,但是視訊顯示不全(超出手機寬度),原始poster圖片大小是750x420嘗試諸多方法包括設定object-fit:

APPh5頁面如何分享到微信?

一個APP內嵌入H5頁面,H5頁面有個分享微信的按鈕,點選這個按鈕可以將這個H5頁面分享到微信。從技術上看可行嗎? 就目前而言,具體實現有這幾個方法: 1、通過微信內建的SDK可以實現其分享 2、native裡面的share可以實現 3、應用第三方外掛可以實現 4、你巢狀在APP裡面的,你也可以讓APP開發

Appium+python(3):解決APPH5頁面元素無法定位問題

測試app的時候,我們知道可以通過UI Automator Viewer進行元素定位但是很多app中都會內嵌h5頁面,這個時候定位就會變成下圖這樣:只能定位整個頁面,無法定位到單獨的元素。那麼怎麼才能夠定位到h5頁面的元素呢。(1)打印出當前手機頁面的contextprint

微信小程式中h5頁面,新增撥打電話功能

1.內嵌的h5頁面,head裡面新增meta標籤,需要撥打電話的地方新增a標籤 ,屬性href=“tel: 135xxxxxxxx” PS:name="format-detection"為格式檢測,te

Android 開發H5的設定,穩定性,問題

1.資原始檔已經部署到伺服器上,直接請求伺服器內的資源。 2.專案中的資源(也叫本地資源),html的展示所需資源基本都在本地的資原始檔夾中。as一般放置於assete內。   //載入assets目錄下的test.html檔案 webView.loadUrl("file:

jettyweb頁面服務入門

一個特別好的Demo,記錄一下   package wang.jettyTest2; import org.eclipse.jetty.server.Server; public class JettyServer { public static void ma

Android 仿微信載入H5頁面進度條實現

前言 Android中WebView打卡前端頁面時受到網路環境,頁面內容大小的影響有時候會讓使用者等待很久。顯示一個載入進度條可以提升很大的體驗。微信內訪問H5頁面載入效果不錯,效仿著寫了一個。 1

關於Unity程式在IOS和Android上顯示網頁的方式

最近由於有需要在Unity程式執行在ios或android手機上顯示內嵌網頁。所以遍從網上搜集了一下相關的資料。整理如下: UnityWebCore 從搜尋中先看到了這個,下載下來了以後發現這個的原理好像是通過呼叫瀏覽器核心,然後將網頁渲染到mesh的方式完成的。但遺憾

Android實現activityfragment時狀態列浸入式

1.概述開發遇到浸入式  有時候也挺頭疼的  新公司開發又遇到浸入式的問題了  於是研究了一下  完成了需求  記錄一下浸入式其實就是狀態列半透明的效果 能夠在頁面滑動的時候狀態列背景和頁面的背景一致2.效果圖這裡就是浸入式的效果了  值得一提的是  浸入式的透明效果在 華為

Android+Chrome 真機除錯H5頁面實踐

前言   使用weinre在真機上除錯H5頁面,有一個突出的缺點,就是無法除錯真機上的樣式,真機上頁面動態建立的dom在weinre的Elements面板顯示不出來,所以除錯真機上的頁面樣式也就無從談起。如下圖所示,單頁應用動態創建出來的dom,壓根就顯示不出來。不知道網上吹噓weinre可以除錯真機dom樣

appH5網頁(webviewJavaScriptBridge)

mod isp pty splay web ons 引入 回調 register 摘要:使用的插件為webviewJavaScriptBridge,app端需要引入一下這個包,html頁面只需一段JS代碼 與IOS交互 <! 申明交互(此處代碼固定) > fu

小程式通過 url 向 H5 傳參注意事項

當在小程式中通過 url 向 <web-view> 內嵌的 H5 傳參時,當包含特殊字元時需要進行編碼處理(不然 <web-view> 中是拿不到值的,小程式竟然沒有錯誤提示...): 1、test.wxml <view> <web-view src="

H5 -- (功能)Apph5網頁實現芝麻認證的接入

1、需求:由於高貴的IOS提審時不能出現支付寶相關字眼及相關SDK,所以我們app芝麻認證只有通過內嵌H5頁面實現 2、分析:通過調研 “芝麻認證”官方技術文件 ,接入芝麻認證的流程如下圖(圖片來自官方文件): 要想完成這個功能,需要業務辦理人員、後臺api人