当前位置: 首页 > news >正文

Element常用api webview

Electron提供了webview标签,用来嵌入Web页面。

它作用上类似于HTML里的iframe标签,但跑在独立进程中,主要出于安全性考虑。它不拥有渲染进程的权限,并且应用和嵌入内容之间的交互全部都是异步的.因为这能保证应用的安全性不受嵌入内容的影响。

开启webview

main.js

        webPreferences: {
            webviewTag: true, // 开启webview
        }

常用属性:

preload

在其他脚本执行之前预加载一个指定的脚本。

渲染进程:

index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Hello World!</title>
</head>
<body>
    <h1>父窗口</h1>
    <div><button onclick="confirm()">确认</button></div>
    <webview src="http://www.baidu.com" preload="./render.js"></webview>
</body>
</html>

render.js

setTimeout(function(){
    alert(document.getElementById("su").value);
    document.getElementById("su").onclick = function(){
        alert("您点击了搜索按钮!");
    }
}, 5000)

常用方法:

insertCSS(css):

  • css String

executeJavaScript(code, userGesture, callback):

  • code String
  • userGesture Boolean - 默认 false.
  • callback Function (可选) - 回调函数.
  • result 评估 code ,如果 userGesture 值为 true ,它将在这个page里面创建用户手势. HTML APIs ,如 requestFullScreen,它需要用户响应,那么将自动通过这个参数优化.

相关文章:

  • C语言结构体小栗子
  • 空间数据结构管理---RTree (下篇,代码实例)
  • 看我炫一下
  • Array.from(new Set)去重 与Array.map()
  • Go 学习笔记(89) — 接口类型变量的等值比较操作(nil 接口变量、空接口类型变量、非空接口类型变量)
  • dubbo源码解析之服务调用(通信)流程
  • Linux网络技术学习(四)—— 用户空间与内核的接口
  • Django--ORM 多表查询
  • pytest 运行方式、常用参数、前后置条件
  • MySQL-1-SQL讲解
  • 数据结构与算法之美读书笔记15
  • msf辅助模块详细操作
  • 【移动端网页特效】02-移动端轮播图(原生JS)
  • 神经网络(十二)卷积神经网络DLC
  • vue3.x 组件间传参
  • 【译】JS基础算法脚本:字符串结尾
  • 【Linux系统编程】快速查找errno错误码信息
  • 【每日笔记】【Go学习笔记】2019-01-10 codis proxy处理流程
  • 77. Combinations
  • Android 初级面试者拾遗(前台界面篇)之 Activity 和 Fragment
  • css选择器
  • Git初体验
  • input实现文字超出省略号功能
  • vue 个人积累(使用工具,组件)
  • 不上全站https的网站你们就等着被恶心死吧
  • 从setTimeout-setInterval看JS线程
  • 记录一下第一次使用npm
  • 前端性能优化——回流与重绘
  • 数据库写操作弃用“SELECT ... FOR UPDATE”解决方案
  • 通过npm或yarn自动生成vue组件
  • 推荐一个React的管理后台框架
  • 问:在指定的JSON数据中(最外层是数组)根据指定条件拿到匹配到的结果
  • 我看到的前端
  • 小程序滚动组件,左边导航栏与右边内容联动效果实现
  • 一道闭包题引发的思考
  • - 转 Ext2.0 form使用实例
  • 阿里云服务器购买完整流程
  • ​​​​​​​GitLab 之 GitLab-Runner 安装,配置与问题汇总
  • #pragma 指令
  • $.each()与$(selector).each()
  • (AngularJS)Angular 控制器之间通信初探
  • (附源码)springboot美食分享系统 毕业设计 612231
  • (附源码)基于ssm的模具配件账单管理系统 毕业设计 081848
  • (七)Java对象在Hibernate持久化层的状态
  • (一)pytest自动化测试框架之生成测试报告(mac系统)
  • (转) RFS+AutoItLibrary测试web对话框
  • (转)linux 命令大全
  • (转)大型网站的系统架构
  • . ./ bash dash source 这五种执行shell脚本方式 区别
  • .NET 2.0中新增的一些TryGet,TryParse等方法
  • .NET Core 2.1路线图
  • .net core webapi 大文件上传到wwwroot文件夹
  • .NET Core WebAPI中使用Log4net 日志级别分类并记录到数据库
  • .NET Core WebAPI中使用swagger版本控制,添加注释
  • .net 微服务 服务保护 自动重试 Polly