前言：
眼前看官们对“webview获取ajax请求头”可能比较重视，姐妹们都需要分析一些“webview获取ajax请求头”的相关资讯。那么小编在网络上网罗了一些对于“webview获取ajax请求头””的相关内容，希望兄弟们能喜欢，你们快快来学习一下吧！在electron-vue客户端开发中避免不了嵌入其他第三方网站
以下给出electron-vue基于webview渲染第三方网站的技术总结
首先在vue页面中写入webview标签并定义src路径webViewSrc
<webview id="web-view" ref="webview" rel="external nofollow" :src="webViewSrc" httpreferrer="; style="width: 100%; height: calc(100vh - 40px);position: relative;" allowpopups></webview>
methods写入方法：
operateWebview(item){ this.webViewSrc = ';+item.id; this.$nextTick(function(){ // 选择页面中的webview元素 const webview = document.querySelector('#web-view') // 监听webview的加载状态 webview.addEventListener('did-stop-loading', () => { webview.executeJavaScript(` // 操作第三方网站中的dom，例： $("#dom-id").click(function(){ alert("嵌入成功"); }) // 还可以请求接口，如果有跨域问题，请直呼后台或jsonp请求 $.ajax({ type:'POST', dataType: "json", data:{}, url:';, success:function(data){ if(data.success){ alert("请求成功"); }else{ alert(data.message); } }, error:function(err){ alert(JSON.stringify(err)); } }) `) }) }) }利用electron提供的webview.executeJavaScript方法可以操作嵌入网页的dom元素
addEventListener监听要写在this.$nextTick(() => {})里
版权声明：
本站文章均来自互联网搜集，如有侵犯您的权益，请联系我们删除，谢谢。
标签： #webview获取ajax请求头
