安卓WebView详解 （三）--Webview的API及说明

androidviewViewGroup

     ↳ androidwidgetAbsoluteLayout

      ↳androidwebkitWebView

用于安卓显示网页内容

一、查找网页中匹配的字符串

1、void  findAllAsync ( String  find) 查找网页中匹配的字符串且高亮显示,此方法为异步方法，对应的结果会在 WebViewFindListener中回调

2、void findNext (boolean forward) 上下查找匹配字符串

3、void  addJavascriptInterface ( Object  object,  String  name)  将提供的Java对象注入到此WebView中

4、void autofill( SparseArray < AutofillValue > values)  自动填充该视图中虚拟子级的内容

5、boolean  canGoBack ()  获取此WebView是否具有后退历史记录项。

6、boolean   canGoBackOrForward (int steps) 获取页面是否可以前进或后退给定数量的步骤。

7、boolean   canGoForward ()  获取此WebView是否具有转发历史记录项。

8、void clearCache (boolean includeDiskFiles) 清除缓存

9、void  clearClientCertPreferences ( Runnable  onCleared) 清除响应于继续/取消客户端证书请求而存储的客户端证书首选项。

10、void clearFormData() 从当前关注的表单字段中删除自动完成d出窗口（如果存在）。

11、void  clearHistory () 告诉此WebView清除其内部后退/前进列表

Android webview 传参大小如下

订单页面是webview，但是支付页面是客户端做，所以要在去付款的标签上onclick js传参。

function OrderPay(order_id,pay_type,pay_account_id) {undefinedif (navigatoruserAgentmatch(/(iPhone|iPod|iPad);/i)) {undefinedwindowlocationhref = 'aoxintest://OrderId/' + order_id+'/PayType/'+pay_type+'/PayAccountId/'+pay_account_id;} else if (navigatoruserAgentmatch(/(android);/i)) {undefinedwindowandroidOrderPayAndroidOrderPay(order_id,pay_type,pay_account_id);

有点难懂，ios系统判断传参的那个还好，但是android的代码看得一头雾水。再网上查到了一篇讲Android WebView的文章：

就是WebView的Js代码可以调用到Android代码中的方法，可以用AddJavascriptInterface方法在JS和Android间绑定一个新的窗口。因此JS代码中的androidOrderPay应该只是JAVA对象的别名的意思么。

屏幕的总宽度和高度，他们是显示器的尺寸，而不是浏览器的尺寸。这些尺寸以设备像素为单位进行测量，平时很少用到

通过 screenwidth 和 screenheight 获取

浏览器窗口的内部尺寸，以CSS像素为单位（测量值包含滚动条）

通过 windowinnerWidth 和 windowinnerHeight 获取

文档的水平和垂直滚动偏移量。因此，您可以找出用户滚动了多少。以CSS像素为单位

通过 windowpageXOffset 和 windowpageYOffset 获取

字面理解，视口即可以看见的窗口大小。所以大多数情况下他和浏览器的窗口大小一致。

我们知道html页面最外层的元素是html，他在浏览器中显示，但其实在浏览器和html页面之间，还有一层，即：视口。

他在html元素的外层，包含html。

通过 documentdocumentElementclientWidth 和 documentdocumentElementclientHeight //documentdocumentElement实际上是html元素 获取

我们平时设置的html/body width:100%，实际上就是设置html，body等于视口的宽度。设置某个元素，如侧边栏width:20%，实际也是相对于视口设置的（如果他的上级元素是body：width：100%），所以当浏览器窗口变化，他的宽度会跟随变化。

但视口不是HTML创建的，因此不能受CSS影响。当我们设置html为固定宽度width:200px，它的值还是浏览器窗口的宽度和高度。

窗口包含滚动条的大小，视口不包含，视口只是我们可以看见的大小

即页面实际的宽和高

通过 documentdocumentElementoffsetWidth 和 documentdocumentElementoffsetHeight 获取

发生鼠标点击事件时，常见的属性值

@media all and (max-width: 400px)

此处的值一般指的浏览器大小，即视口的大小

A tale of two viewports — part one

A tale of two viewports — part two

问题一：网页要让它自适应各种手机屏幕宽度大小要怎么设置？ 100分 首先，在网页代码的头部，加入一行viewport元标签。

viewport是网页默认的宽度和高度，上面这行代码的意思是，网页宽度默认等于屏幕宽度（width=device-width），原始缩放比例（initial-scale=1）为10，即网页初始大小占屏幕面积的100%。

所有主流浏览器都支持这个设置，包括IE9，对于那些老式浏览器（主要是IE6、7、8），需要使用css3-mediaqueriesjs。

2、不使用绝对宽度由于网页会根据屏幕宽度调整布局，所以不能使用绝对宽度的布局，也不能使用具有绝对宽度的元素。这一条非常重要。具体说，CSS代码不能指定像素宽度：width:xxx px;

只能指定百分比宽度：width: xx%;或者width:auto;

3、相对大小的字体

字体也不能使用绝对大小（px），而只能使用相对大小（em）。

body {

font: normal 100% Helvetica, Arial, sans-serif;

}

上面的代码指定，字体大小是页面默认大小的100%，即16像素。

h1 {

font-size: 15em;

}

然后，h1的大小是默认大小的15倍，即24像素（24/16=15）。

all {

font-size: 0875em;

}

all元素的大小是默认大小的0875倍，即14像素（14/16=0875）。

问题二：html手机页面的字体怎么设置随屏幕的大小变化页变化？ 手机响应式布局，是获取屏幕尺寸，在某个区间用一种css，另个区间用另一种css。需要用@media写多份css的。无法做到真正的随屏幕变化而变化。

而的用法是随着屏幕的大小，自动把页面自适应到屏幕的大小。这个是管用的。em是字体的宽度，也就是一个字体宽12px，那么em=12px；字体为15px，em=15px；一般用来动态控制字体外的区块大小去适应字体，而不是用来设置字体的大小的。例如：

如果没效果，建议你用贴出来，看看你想要的具体效果是什么。

问题三：手机网页字体大小怎么调 这种问题你最好附加上手机使用的系统和浏览器才能方便别人帮到你，如果是安卓系统的手机，以使用猎豹浏览器为例，从底部菜单进入设置页面，再进入高级设置，在网页浏览一栏字体大小中去设置。

问题四：如何调整网页大小与屏幕适应？ 浏览器右下角状态栏看看

问题五：怎样将html页面调整为适合手机屏幕大小的页面 页面右击，有检查或审查元素之类的选项，点了之后在左上角有个手机标志，点了之后再刷新页面，就是以手机方式浏览页面了，不同浏览器方法不同，但大致是这样

问题六：调整了手机字体大小后网页的字体大小怎么不能改大 这是因为手机字体与网页字体是两个系统。手机网页字体调大的 *** 作方法如下，以小米手机自带的浏览器为例:

1首先打开小米手机自带浏览器，并点击浏览器三横图标；

2其次点击设置；

3然后点击文字大小；

4最后将浏览器字体大小调大即可。

问题七：网页调整了stylecss 以后，手机网站，显示超出了屏幕。怎么改为适应屏幕大小 5分 这位网友你好，想要网页宽度自适应，你需要把网页元素宽度设置为百分比，还要在网页头部加上代码：

自适应，且不超过原始大小，需要设置最大宽度，代码如下：

img{ width:100%; max-width:100%;}

问题八：三星手机怎么样能调百度页面大小 有的网页能放大或缩小，有的不能，你可试试两手指按住屏幕后两手指向外划开或并拢就能知道是不是能扩展了。

问题九：帮我把这个HTML页面，修改成手机能自动适应大小，非常感谢 只要加一行代码就行了。

问题十：三星手机网页字体大小怎么调？ 手机网页字体大小调节一般有三种方法：

1双指拉伸

双指靠拢，向外侧移动，可以放大页面；双指分开，向内侧移动，可以缩小页面。

2双击屏幕

轻敲两下屏幕，可以放大页面大小，再次轻敲两下屏幕，可以缩小页面大小。

3互联网-更多-设置-高级设定-图像和文本-文字缩放-滑动调节需要的字体大小。

注：若手机双指拉伸或双击屏幕无法调节字体大小，建议进入互联网-更多-设置-手动缩放-滑动开启。

<script type="text/javascript"> <!--

var winWidth = 0;

var winHeight = 0;

function findDimensions() //函数：获取尺寸

{

//获取窗口宽度

if (windowinnerWidth)

winWidth = windowinnerWidth;

else if ((documentbody) && (documentbodyclientWidth))

winWidth = documentbodyclientWidth;

//获取窗口高度

if (windowinnerHeight)

winHeight = windowinnerHeight;

else if ((documentbody) && (documentbodyclientHeight))

winHeight = documentbodyclientHeight;

//通过深入Document内部对body进行检测，获取窗口大小

if (documentdocumentElement && documentdocumentElementclientHeight &&

documentdocumentElementclientWidth)

{

winHeight = documentdocumentElementclientHeight;

winWidth = documentdocumentElementclientWidth;

}

//结果输出至两个文本框

documentform1availHeightvalue= winHeight;

documentform1availWidthvalue= winWidth;

}

findDimensions(); //调用函数，获取数值

windowonresize=findDimensions;

//-->

</script>

WPS演示的页面大小可以通过以下方式调整：

1、打开wps演示文档，在设计功能区中，选择幻灯片大小，根据需要可以选择标准或宽屏。还可以选择自定义大小。

2、如果选择的是自定义大小，可以在页面设置窗口，选择自己想要的页面大小尺寸，输入之后，点击确定即可。

3、如果尺寸较大，会提示要最大化还是确保适合，根据需要选择即可。

效果如下：

上图就是6666的幻灯片尺寸了。

扩展资料

若要调整幻灯片大小，可在“幻灯片大小”下拉列表中选取所需。或在“高度”及“宽度”框中键入自定义大小。

若要选取纸张大小，请在“纸张大小”下拉列表中选取所需。或在“高度”及“宽度”框中键入自定义大小。

若要选取幻灯片或备注、讲义和大纲的方向，可在“方向”下选取所需“横向”或“纵向”。

资料来源：WPS演示官网：页面设置-打印与页面设置

新建画布时就可以设置长宽的参数了，默认单位一般是厘米，你要以选择像素，一种办法就是根据显示的大小设置，以前多用800600，现在是1024768，当然你也可以设置其他大小，以适合不同的人群看

实际设置大小比显示器小一点就好了，比如适合1024768，实际大概设为1002600，可以自己先，做好打开网页试试就知道了

以上就是关于安卓WebView详解 （三）--Webview的API及说明全部的内容，包括:安卓WebView详解 （三）--Webview的API及说明、Android webview 传参大小、网页常见的一些尺寸等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！