inspectable webcontents - 腾讯云开发者社区

文章/答案/技术大牛

发布

iOS开发技巧：快速实现圆角+描边

UIView的分类，使用IBInspectable+ IB_DESIGNABLE关键字： #import IB_DESIGNABLE @interface UIView (Inspectable...borderWidth; @property(nonatomic,assign) IBInspectable UIColor *borderColor; @end #import "UIView+Inspectable.h..." @implementation UIView (Inspectable) -(void)setCornerRadius:(CGFloat)cornerRadius{ self.layer.masksToBounds...直接使用的话只有在运行时才能看到效果，例如要实时显示一个UIBUtton圆角、描边效果，需要创建一个类继承UIButton #import #import "UIView+Inspectable.h

2K3 0

快速添加圆角和描边

8953 0

您找到你想要的搜索结果了吗？

是的

没有找到

鸿蒙 PC 使用 Electron 打印服务实现详解

&& typeofwindow.webContents.print === 'function') { window.webContents.print({ silent:...不可用，使用浏览器原生打印'); window.webContents.executeJavaScript('window.print()').catch(err => {...原因分析： Electron 的 webContents.print() API 在鸿蒙平台上可能不稳定 IPC 通信可能存在问题打印权限可能未正确配置解决方案：添加详细的调试日志： function...解决方案：在打印选项中启用 printBackground： window.webContents.print({ silent: false, printBackground: true...window) { console.error('无法获取窗口对象'); return; } try { if (window.webContents && typeofwindow.webContents.print

2241 0

Electron webview完全指南

像BrowserWindow一样，webview也拥有与之关联的webContents对象本质上，webContents是个EventEmitter，用来连通页面与外部环境： webContents...三.webContents与webview的关系从API列表上来看，似乎webContents身上的大多数接口，在webview身上也有，那么二者是什么关系？...Chromium-conceptual-application-layers 中间有一层叫webContents： WebContents: A reusable component that is the...webContents) { webContents = webview.getWebContents(); webContents.on('dom-ready', e => {...as devtools P.S.当然，Electron的webContents与Chromium的webContents确实有紧密联系，但二者从概念上和实现上都是完全不同的，Chromium的webContents

8.4K3 1

自己实现一个Electron跨进程消息组件（新书自荐）

https://www.cnblogs.com/liulun/p/15217180.html Electron团队把remote模块拿掉之后，开发者就只能使用ipcRenderer，ipcMain，webContents...broadcast) return webContents.getAllWebContents().forEach((wc) => { if (wc.id !...这里我们通过e.sender.id来判断消息是从哪个渲染进程发来的，当转发这个消息给其他webContents时，要排除掉那个发来消息的webContents。...emitToWebContents(wcIdOrWc: number | WebContents, eventName: string, eventArgs?...对象，如果当前进程是主进程，则找到WebContents对象，并调用它的send方法发送消息；如果当前进程是渲染进程，则使用ipcRenderer的sendTo方法发送给目标WebContents对象。

1.4K2 1

iOS16.4 WKWebview 不能用Safari调试

## 参考Mark the webview as inspectable in iOS 16.4

4K3 0

electron 模块BrowserWindow

webContents 返回窗口的 WebContents 对象，它提供了对窗口中加载的网页内容的控制和交互。 close() 关闭窗口。 destroy() 销毁窗口及其关联的资源。...webContents 属性当我们在 Electron 中创建一个窗口时，窗口中的网页内容由 WebContents 对象表示。...每个 BrowserWindow 实例都关联一个 WebContents 实例，它充当了与窗口中加载的网页进行交互的接口。...用大白话来说就是：BrowserWindow 实例操作的是窗口，WebContents操作的是窗口内渲染的网页内容。...isDestroyed() 检查 WebContents 对象是否已被销毁。 clearHistory() 清除窗口中网页的导航历史记录。其它更多方法，请参看文档。

1.3K1 0

Electron中remote模块的替代方案

const remote = require("@electron/remote/main") remote.initialize() //... remote.enable(mainWindow.webContents...index.html") mainWindow.on("closed",()=>{ mainWindow = null }) remote.enable(mainWindow.webContents...() rtmpWindow.webContents.on('did-finish-load', () => { //下面的这行代码要在上面的BrowserWindow加载完成之后调用 rtmpWindow.webContents.send...win1.id, win2Id : win2.id } // 主进程获取 global.winIds["win1Id"]; 第二种是：主进程创建事件，发送信息(不推荐) // 主进程中 win1.webContents.send...('distributeIds',{ win2Id : win2.id }); win2.webContents.send('distributeIds',{ win1Id : win1

4K3 1

Electron入门教程3 ——进程通信

= event.sender const win = BrowserWindow.fromWebContents(webContents) win.setTitle(title...ipcMain.on('set-title', (event, title) => { const webContents = event.sender const win...= BrowserWindow.fromWebContents(webContents) win.setTitle(title) }) 每当消息通过set-title通道传入时...消息需要通过主进程的WebContents实例发送到渲染进程。这个WebContents实例包含一个sent方法，可以像ipcReender .send那样使用它。...mainWindow.webContents.openDevTools() } app.whenReady().then(() => { ipcMain.on('counter-value', (

1.7K4 0

electron实现qq快捷登录!

catch() }, } } 问题解决点击a链接会打开一个新窗口解决打开qq授权页面点击页面中的链接会又打开一个窗口的问题使用webContents...loginWindow.webContents.on('new-window', (event, url) => { event.preventDefault(); shell.openExternal...(url); }); 授权后是否成功很难去判断到这个问题后我就想到一个词那就是 Response 和 code 然后就去搜索了嘛结果在 webContents找到了!...但是我们不能直接使用他要在点击授权之后再去使用他 loginWindow.webContents.on('will-navigate', (e, url,) => { content.on...当使用 api(如 webContents.loadURL 和 webContents.back) 以编程方式来启动导航的时候，这个事件将不会发出.

4.8K4 0

Electron 调试指南

(); } app.whenReady().then(() => { createWindow(); }); 代码说明： mainWindow.webContents.openDevTools...() - 打开开发者工具可以添加参数控制 DevTools 的位置和模式： // 在右侧打开（默认） mainWindow.webContents.openDevTools(); // 在底部打开...mainWindow.webContents.openDevTools({ mode: 'bottom' }); // 分离窗口 mainWindow.webContents.openDevTools...5000); 使用 DevTools 的 Memory 面板：拍摄堆快照对比不同时间点的内存使用查找内存泄漏 3.6 网络调试监控网络请求： // 监听所有网络请求 mainWindow.webContents.on...('did-finish-load', () => { mainWindow.webContents.debugger.attach('1.1'); mainWindow.webContents.debugger.on

3011 0

Electron 应用奔溃问题排查与解决方法

主进程窗口加载完页面后，增加如下代码：mainWindow.webContents.on('did-finish-load', function(event){ mainWindow.webContents.send...console.warn('app:gpu-process-crashed', event, kill);});app.on('renderer-process-crashed', (event, webContents..., kill) => { console.warn('app:renderer-process-crashed', event, webContents, kill);});app.on('render-process-gone...', (event, webContents, details) => { console.warn('app:render-process-gone', event, webContents, details...child-process-gone', (event, details) => { console.warn('app:child-process-gone', event, details);});注意：event 和 webContents

11.8K2 0

electron开发客户端注意事项

窗口间通信的问题 electron窗口通信比nwjs要麻烦的多 electron分主进程和渲染进程，渲染进程又分主窗口的渲染进程和子窗口的渲染进程主窗口的渲染进程给子窗口的渲染进程发消息 subWin.webContents.on...('dom-ready', () => { subWin.webContents.send('message', { title: self....BrowserWindow,ipcMain } from 'electron' ipcMain.on('articleRefreshMain', (event, message) => { mainWindow.webContents.send...WriteIndex-titleInput")[0].children[0].focus(); clipboard.writeText(this.title); win.webContents.paste...public-DraftEditor-content")[0].click(); clipboard.writeHTML(this.doc.body.innerHTML); win.webContents.paste

2.4K4 0

Electron 进程通信

上面说了渲染进程如何向主进程发送消息，但主进程也可以主动向渲染进程发送消息在主进程中，我们会创建一个 BrowserWindow 对象，这个对象有 webContents 属性。...当然 webContents 对象远不止这两个通信方法，具体可以看 webContents 下面是官方文档提供的使用 webContents 实现通信的例子： // In the main process...('did-finish-load', () => { win.webContents.send('ping', 'whoooooooh!')...}) 注意，webContents.on 监听的是已经定义好的事件，如上面的 did-finish-load。...因此，event.sender 发送的消息在主进程中还是需要通过 ipcMain.on 方法来监听，而不是通过 webContents.on 方法。 2.

1.9K1 0

一文搞懂Electron的四种视图容器和它们之间的IPC通信机制

在Electron里，当我们创建一个基础窗口对象，就能够通过它的引用拿到WebContents。...而每个webcontents都有一个mainFrame，就是窗口直接加载的主体对象。...但它和ipcRenderer.sendTo的最大区别在于，后者是基于WebContents的，所以只有具备webContents的对象才能使用，但messagePort是web标准，还适用于webWorker...在Electron里，iframe没有webContents，而是以宿主页面contents下面的一个frame的形式存在。1....webview的webContents对象可以直接通过事件event的sender属性获取，无需通过宿主的win对象来获得。

13.4K7 8

基于ElectronEgg&Python，从零开始打造一款免费的PDF桌面工具

此 WebContents 实例包含一个 send方法，其使用方式与 ipcRenderer.send 相同。...1、在主线程中通过 mainWindow.webContents.send 发送事件 // 发送主进程的错误信息给渲染进程 mainWindow.webContents.send(IPC_EVENT.EVENT_PROCESS_ERROR...检测到有可用的更新 autoUpdater.on(IPC_EVENT.EVENT_UPDATE_UPDATEAVAILABLE, (info: UpdateInfo) => { win.webContents.send...autoUpdater.on(IPC_EVENT.EVENT_UPDATE_DOWNLOADPROGRESS, (progressObj: ProgressInfo) => { win.webContents.send...autoUpdater.on(IPC_EVENT.EVENT_UPDATE_UPDATEDOWNLOADED, () => { autoUpdater.quitAndInstall(); win.webContents.send

1.3K1 1

Electron加载插件支持Flash

所以我们就要在主进程中做如下操作最外层 BrowserWindow 的 webContents 上监听 did-attach-webview 事件，获取新挂上去的的 webContents...｡使用获取到的 webContents 监听 will-navigate事件。...这时候，我们就可以在 will-navigate 事件中使用 e.preventDefault() 阻止导航至其他网页了代码如下： mainWindow.webContents.on...//mainWindow.webContents.openDevTools() addListener(mainWindow); } const ipcMain = require('electron...(); } } win.webContents.on('will-navigate', will_navigate); } 渲染进程 <webview src="http://10.88.8.90

4.6K4 0

Electron快速入门，聊聊跨进程通信那些事儿

主进程TO渲染进程渲染进程是由主进程控制的，通过创建的渲染进程的窗口win.webContents对象，可以轻易地访问渲染进程相关内容。这里官网的相关事例说明相对完善，可以自行查看。...('ready-open-url') }) 方法2: ipcMain.on 接收消息通知时，event.sender 为渲染进程的webContents 对象事例，我们也可以直接进行消息通知： const...每个窗口 webContents.getProcessId() 或者 webContents.id 即可获得对应窗口的id。...伪代码如下： // win1窗口发送消息 ipcRenderer.sendTo(win2.webContents.id, 'send-msg', params1, params2) // win2...// 监听右键菜单触发 win.webContents.on('context-menu', (event, params) => { const selectEnabled = !!

2.5K2 0

开发笔记：基于Electon的图片采集工具

技术架构： Electron＋Nodejs 1 实现思路： 1.1 监听webview事件，注入js代码利用electron的webContents，监听需要获取图片的网页，当网页加载完成，促发‘dom-ready...主要用了这个api： webContents.executeJavaScript(code[,userGesture,callback]) 如： win.webContents.on('dom-ready...', () => { win.webContents.executeJavaScript(code[,userGesture,callback]) })； 1.2 遍历HTML中的图片URL 这里要注意...1.3 返回获取的结果 electron往webview中注入的代码可以通过return返回，也可以通过在注入代码中写入： electron.remote.getGlobal(‘webWin').webContents.send

1.4K12 0

18.7.5日报

* 增加const utf8* wkeGetUserAgent(wkeWebView webView);接口 * 跟进百度百科选中图片会白屏的问题 * 修复electron模式的WebContents.prototype.loadFile...问题，以及增加了WebContents的几个api * 增加electron的loadFile

3982 0

点击加载更多

iOS开发技巧：快速实现圆角+描边

快速添加圆角和描边

鸿蒙 PC 使用 Electron 打印服务实现详解

Electron webview完全指南

自己实现一个Electron跨进程消息组件（新书自荐）

iOS16.4 WKWebview 不能用Safari调试

electron 模块BrowserWindow

Electron中remote模块的替代方案

Electron入门教程3 ——进程通信

electron实现qq快捷登录!

Electron 调试指南

Electron 应用奔溃问题排查与解决方法

electron开发客户端注意事项

Electron 进程通信

一文搞懂Electron的四种视图容器和它们之间的IPC通信机制

基于ElectronEgg&Python，从零开始打造一款免费的PDF桌面工具

Electron加载插件支持Flash

Electron快速入门，聊聊跨进程通信那些事儿

开发笔记：基于Electon的图片采集工具

18.7.5日报

相关资讯

热门标签

活动推荐

运营活动

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐