热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

iframe加载的html页面如何启用node渲染器?

通过main.js加载的index.html,由于有node渲染器,因此可以使用require加载模块。那么在index中通过iframe加载第二个页面要怎么才能也用node渲染器?

通过main.js加载的index.html,由于有node渲染器,因此可以使用require加载模块。
那么在index中通过iframe加载第二个页面要怎么才能也用node渲染器?
现在报错是require未定义。



main.js代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
// Modules to control application life and create native browser window

const {app, BrowserWindow, Menu, ipcMain} = require('electron')

const path = require("path")



// 保持对window对象的全局引用,如果不这么做的话,当Javascript对象被

// 垃圾回收的时候,window对象将会自动的关闭

let mainWindow



function createWindow () {

  //隐藏菜单栏

  // Menu.setApplicationMenu(null)

  // 创建浏览器窗口。

  mainWindow = new BrowserWindow({

    width: 1000,

    minWidth: 1000,

    height: 600,

    frame: false,//隐藏标题栏

    webPreferences: {

      nodeIntegration: true

    }

  })

  mainWindow.webContents.openDevTools()

  // 加载index.html文件

  mainWindow.loadFile(path.join(__dirname, '/html/index.html'))

 



  // 打开开发者工具

  // mainWindow.webContents.openDevTools()



  // 当 window 被关闭,这个事件会被触发。

  mainWindow.on('closed', function () {

    // 取消引用 window 对象,如果你的应用支持多窗口的话,

    // 通常会把多个 window 对象存放在一个数组里面,

    // 与此同时,你应该删除相应的元素。

    mainWindow = null

  })

}



// Electron 会在初始化后并准备

// 创建浏览器窗口时,调用这个函数。

// 部分 API 在 ready 事件触发后才能使用。

app.on('ready', createWindow)



// 当全部窗口关闭时退出。

app.on('window-all-closed', function () {

  // 在 macOS 上,除非用户用 Cmd + Q 确定地退出,

  // 否则绝大部分应用及其菜单栏会保持激活。

  if (process.platform !== 'darwin') app.quit()

})



app.on('activate', function () {

  // 在macOS上,当单击dock图标并且没有其他窗口打开时,

  // 通常在应用程序中重新创建一个窗口。

  if (mainWindow === null) createWindow()

})



// 在这个文件中,你可以续写应用剩下主进程代码。

// 也可以拆分成几个文件,然后用 require 导入。



//关闭,最小化,最大化

ipcMain.on('window-min', function() {

  mainWindow.minimize();

})

ipcMain.on('window-close',function(){

  mainWindow.close();

})

ipcMain.on('window-max',function(){

  if(mainWindow.isMaximized()){

      mainWindow.restore();

  }else{

      mainWindow.maximize();

  }

})

ipcMain.on('window-status',function(event ,arg){

  if(mainWindow.isMaximized()){

      event.returnValue = false;

  }else{

      event.returnValue = true;

  }

})



   



推荐阅读
  • Webpack5内置处理图片资源的配置方法
    本文介绍了在Webpack5中处理图片资源的配置方法。在Webpack4中,我们需要使用file-loader和url-loader来处理图片资源,但是在Webpack5中,这两个Loader的功能已经被内置到Webpack中,我们只需要简单配置即可实现图片资源的处理。本文还介绍了一些常用的配置方法,如匹配不同类型的图片文件、设置输出路径等。通过本文的学习,读者可以快速掌握Webpack5处理图片资源的方法。 ... [详细]
  • 使用nodejs爬取b站番剧数据,计算最佳追番推荐
    本文介绍了如何使用nodejs爬取b站番剧数据,并通过计算得出最佳追番推荐。通过调用相关接口获取番剧数据和评分数据,以及使用相应的算法进行计算。该方法可以帮助用户找到适合自己的番剧进行观看。 ... [详细]
  • vue使用
    关键词: ... [详细]
  • 本文介绍了闭包的定义和运转机制,重点解释了闭包如何能够接触外部函数的作用域中的变量。通过词法作用域的查找规则,闭包可以访问外部函数的作用域。同时还提到了闭包的作用和影响。 ... [详细]
  • Iamtryingtomakeaclassthatwillreadatextfileofnamesintoanarray,thenreturnthatarra ... [详细]
  • 本文介绍了设计师伊振华受邀参与沈阳市智慧城市运行管理中心项目的整体设计,并以数字赋能和创新驱动高质量发展的理念,建设了集成、智慧、高效的一体化城市综合管理平台,促进了城市的数字化转型。该中心被称为当代城市的智能心脏,为沈阳市的智慧城市建设做出了重要贡献。 ... [详细]
  • Commit1ced2a7433ea8937a1b260ea65d708f32ca7c95eintroduceda+Clonetraitboundtom ... [详细]
  • Java容器中的compareto方法排序原理解析
    本文从源码解析Java容器中的compareto方法的排序原理,讲解了在使用数组存储数据时的限制以及存储效率的问题。同时提到了Redis的五大数据结构和list、set等知识点,回忆了作者大学时代的Java学习经历。文章以作者做的思维导图作为目录,展示了整个讲解过程。 ... [详细]
  • 本文讨论了一个关于cuowu类的问题,作者在使用cuowu类时遇到了错误提示和使用AdjustmentListener的问题。文章提供了16个解决方案,并给出了两个可能导致错误的原因。 ... [详细]
  • 本文介绍了P1651题目的描述和要求,以及计算能搭建的塔的最大高度的方法。通过动态规划和状压技术,将问题转化为求解差值的问题,并定义了相应的状态。最终得出了计算最大高度的解法。 ... [详细]
  • 本文介绍了UVALive6575题目Odd and Even Zeroes的解法,使用了数位dp和找规律的方法。阶乘的定义和性质被介绍,并给出了一些例子。其中,部分阶乘的尾零个数为奇数,部分为偶数。 ... [详细]
  • 本文介绍了如何使用Express App提供静态文件,同时提到了一些不需要使用的文件,如package.json和/.ssh/known_hosts,并解释了为什么app.get('*')无法捕获所有请求以及为什么app.use(express.static(__dirname))可能会提供不需要的文件。 ... [详细]
  • Spring常用注解(绝对经典),全靠这份Java知识点PDF大全
    本文介绍了Spring常用注解和注入bean的注解,包括@Bean、@Autowired、@Inject等,同时提供了一个Java知识点PDF大全的资源链接。其中详细介绍了ColorFactoryBean的使用,以及@Autowired和@Inject的区别和用法。此外,还提到了@Required属性的配置和使用。 ... [详细]
  • 本文记录了在vue cli 3.x中移除console的一些采坑经验,通过使用uglifyjs-webpack-plugin插件,在vue.config.js中进行相关配置,包括设置minimizer、UglifyJsPlugin和compress等参数,最终成功移除了console。同时,还包括了一些可能出现的报错情况和解决方法。 ... [详细]
  • Java太阳系小游戏分析和源码详解
    本文介绍了一个基于Java的太阳系小游戏的分析和源码详解。通过对面向对象的知识的学习和实践,作者实现了太阳系各行星绕太阳转的效果。文章详细介绍了游戏的设计思路和源码结构,包括工具类、常量、图片加载、面板等。通过这个小游戏的制作,读者可以巩固和应用所学的知识,如类的继承、方法的重载与重写、多态和封装等。 ... [详细]
author-avatar
嘤_嘤_嘤
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有