Webview 面试常见问题，2024年最新Web前端开发基础机构

void onUnhandledKeyEvent (WebView view, KeyEvent event)

WebResourceResponse shouldInterceptRequest (WebView view, WebResourceRequest request)

WebResourceResponse shouldInterceptRequest (WebView view, String url)

boolean shouldOverrideKeyEvent (WebView view, KeyEvent event)

boolean shouldOverrideUrlLoading (WebView view, WebResourceRequest request)

boolean shouldOverrideUrlLoading (WebView view, String url)

• WebChromeClient

Bitmap getDefaultVideoPoster ()

View getVideoLoadingProgressView ()

void getVisitedHistory (ValueCallback<String[]> callback)

void onCloseWindow (WebView window)

boolean onConsoleMessage (ConsoleMessage consoleMessage)

void onConsoleMessage (String message, int lineNumber, String sourceID)

boolean onCreateWindow (WebView view, boolean isDialog, boolean isUserGesture, Message resultMsg)

void onExceededDatabaseQuota (String url, String databaseIdentifier, long quota, long estimatedDatabaseSize, long totalQuota, WebStorage.QuotaUpdater quotaUpdater)

void onGeolocationPermissionsHidePrompt ()

void onGeolocationPermissionsShowPrompt (String origin, GeolocationPermissions.Callback callback)

void onHideCustomView ()

boolean onJsAlert (WebView view, String url, String message, JsResult result)

boolean onJsBeforeUnload (WebView view, String url, String message, JsResult result)

boolean onJsConfirm (WebView view, String url, String message, JsResult result)

boolean onJsPrompt (WebView view, String url, String message, String defaultValue, JsPromptResult result)

boolean onJsTimeout ()

void onPermissionRequest (PermissionRequest request)

void onPermissionRequestCanceled (PermissionRequest request)

void onProgressChanged (WebView view, int newProgress)

void onReachedMaxAppCacheSize (long requiredStorage, long quota, WebStorage.QuotaUpdater quotaUpdater)

void onReceivedIcon (WebView view, Bitmap icon)

void onReceivedTitle (WebView view, String title)

void onReceivedTouchIconUrl (WebView view, String url, boolean precomposed)

void onRequestFocus (WebView view)

void onShowCustomView (View view, int requestedOrientation, WebChromeClient.CustomViewCallback callback)

void onShowCustomView (View view, WebChromeClient.CustomViewCallback callback)

boolean onShowFileChooser (WebView webView, ValueCallback<Uri[]> filePathCallback, WebChromeClient.FileChooserParams fileChooserParams)

JS -> Native 通讯

===============

WebViewClient#shouldOverrideUrlLoading

---

JS 调用Native

链接方式

webview.setWebViewClient(new WebViewClient(){

@Override

public boolean shouldOverrideUrlLoading(WebView view, String s) {

Uri uri = Uri.parse(s);

Log.d(“test112”, s);

if(uri.getScheme().startsWith(“jsbridge”)) {

String arg1 = uri.getQueryParameter(“arg1”);

String arg2 = uri.getQueryParameter(“arg2”);

String s1 = “JS调用Native,参数1：”+arg1+“参数2：”+arg2;

Toast.makeText(MainActivity.this, s1, Toast.LENGTH_LONG).show();

}

return true;

}

});

@JavascriptInterface

---

public class AndroidToJS extends Object {

@JavascriptInterface

public void hello(String msg) {

Toast.makeText(MainActivity.this, msg, Toast.LENGTH_LONG).show();

}

}

webView.addJavascriptInterface(new AndroidToJS(), “test”);

• 提供用于JS调用的方法必须为public类型

• 在API 17及以上，提供用于JS调用的方法必须要添加注解@JavascriptInterface

• 这个方法不是在主线程中被调用的

• 

bridge

WebChromeClient#onJsAlert()、onJsConfirm()、onJsPrompt()

---

webview.setWebChromeClient(new WebChromeClient() {

@Override

public boolean onJsPrompt(WebView view, String url, String message, String defaultValue, JsPromptResult result) {

…

result.cancle();

return true;

}

});

如果不调用result.cancle(),并且返回false，会展示一个dialog

Native -> JS 通讯

===============

webView.loadUrl("javascript:xxx)

---

webView.loadUrl(“javascript: alert(‘Native注入的JS’)”);

或者内置js代码

InputStreamReader isr = null;

try {

isr = new InputStreamReader(this.getAssets().open(“test.js”), “UTF-8”);

BufferedReader bf = new BufferedReader(isr);

String content = “”;

StringBuilder sb = new StringBuilder();

while (content != null) {

content = bf.readLine();

if (content == null) {

break;

}

sb.append(content.trim());

}

bf.close();

wholeJS = sb.toString();

} catch (IOException e) {

e.printStackTrace();

}

webView.loadUrl("javascript: " + wholeJS);

evaluateJavascript

---

webView.evaluateJavascript(“getUID()”, new ValueCallback() {

@Override

public void onReceiveValue(String value) {

Log.d(“CALLBACK”, value);

}

});

比较

==

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录大纲截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且后续会持续更新

如果你觉得这些内容对你有帮助，可以添加V获取：vip1024c （备注前端）

react和vue的比较

相同
1）vitual dom
2）组件化
3）props，单一数据流

不同点
1）react是jsx和模板；（jsx可以进行更多的js逻辑和操作）
2）状态管理（react）
3）对象属性（vue）
4）vue：view——medol之间双向绑定
5）vue：组件之间的通信（props，callback，emit）

一个人可以走的很快，但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎扫码加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

7)]

react和vue的比较

相同
1）vitual dom
2）组件化
3）props，单一数据流

不同点
1）react是jsx和模板；（jsx可以进行更多的js逻辑和操作）
2）状态管理（react）
3）对象属性（vue）
4）vue：view——medol之间双向绑定
5）vue：组件之间的通信（props，callback，emit）

[外链图片转存中…(img-FcODCHkH-1712781673837)]

[外链图片转存中…(img-RNjr9GnU-1712781673837)]

一个人可以走的很快，但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎扫码加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！
[外链图片转存中…(img-2cEjEMrh-1712781673838)]