Web in electron | electronjs.org | Page 1

jolly siren Oct 31, 2022, 3:36 PM

#

Is it possible to open a website inside of div element and then working with puppeteer?

torpid zealot Oct 31, 2022, 3:49 PM

#

You can use BrowserView to display websites
However with puppeter I don't think so
what's it for?

jolly siren Oct 31, 2022, 3:50 PM

#

It is for displaying a website, where you have to logging first (With the username and passwort)

obsidian arrow Oct 31, 2022, 3:55 PM

#

Why you need electron for that?

torpid zealot Oct 31, 2022, 3:56 PM

#

@jolly sirenneed more context

#

what are you trying to do

jolly siren Oct 31, 2022, 4:02 PM

#

Sure, sorry. In our project, we are building a desktop app for our school. In one of the sections, the school's website should be displayed. For this we use the password and username to log in.

#

#

The website should be displayed in the red area

torpid zealot Oct 31, 2022, 4:06 PM

#

jolly siren Sure, sorry. In our project, we are building a desktop app for our school. In on...

very nice idea and design. OK. We have more info now

#

For this you can use BrowserView

#

Browserview is not integrated into the web elemtns though, you give it coordinates (x,y, width and height) and it automatically adjusts to that if you want.

#

There is also iframe (builtin to web) and webview (not recommended anymore by electron since its slow and unstable) but it can work in your school app.

jolly siren Oct 31, 2022, 4:10 PM

#

okay I will look into it

#

thanks

jolly siren Oct 31, 2022, 6:22 PM

#

Now it comes to an interesting part

#

Do you have an idea how I can manage this now, without useing pupperteer

flint prairie Oct 31, 2022, 6:26 PM

#

What do you mean by manage?

jolly siren Oct 31, 2022, 6:43 PM

#

type the username and the password and press Login

obsidian arrow Oct 31, 2022, 6:43 PM

#

with js

jolly siren Oct 31, 2022, 6:44 PM

#

Possible without pupperteer?

obsidian arrow Oct 31, 2022, 6:49 PM

#

possible

torpid zealot Nov 1, 2022, 7:58 AM

#

jolly siren type the username and the password and press Login

you don't do that

#

you can but i wouldn't

#

I would see how it does the login request and do it yourself. then get the cookie or whatever it gives as credential and "insert" that into the webview

#

THEN you display the website

jolly siren Nov 1, 2022, 12:11 PM

#

oh this maybe can work

torpid zealot Nov 1, 2022, 12:22 PM

#

😉

torpid zealot Nov 1, 2022, 12:22 PM

#

jolly siren oh this maybe can work

this is why you ask "how can I display a website and enter login credentials" instead of "how to use puppeter with electron"

#

the xy problem:https://xyproblem.info/

The XY Problem

Asking about your attempted solution rather than your actual problem

jolly siren Nov 1, 2022, 12:23 PM

#

Your right

torpid zealot Nov 1, 2022, 12:24 PM

#

it's part of the learning process 😁

jolly siren Nov 1, 2022, 12:39 PM

#

okay I believe the website is down now

#

What have I done

torpid zealot Nov 1, 2022, 1:49 PM

#

LOL

jolly siren Nov 1, 2022, 1:50 PM

#

Its back so everything is good 😄

#

Is there a way to communicate with the iframe (webview)?
I will do it with typing and press button

#

Because I will create a effect over it to make a special loading animation

obsidian arrow Nov 1, 2022, 2:02 PM

#

with ipc

jolly siren Nov 1, 2022, 2:02 PM

#

But I can't find a way to implement a script that is executing after the page is loaded and then interact with the page

obsidian arrow Nov 1, 2022, 2:02 PM

#

https://www.electronjs.org/docs/latest/api/webview-tag#webviewsendchannel-args

`` Tag | Electron

Electron's webview tag is based on Chromium's webview, which is undergoing dramatic architectural changes. This impacts the stability of webviews, including rendering, navigation, and event routing. We currently recommend to not use the webview tag and to consider alternatives, like iframe, Electron's BrowserView, or an architecture that avoids ...

#Web in electron