How to save scraped data from client-side browser to a user file? Use Electron?

I want to pull data (maybe scrape) from a web site and save it to an external file.

My first thought was to write a Chrome extension to do that for me, but I could not find how to save to an external file. (I am a newbie with Chrome extensions.) I searched StackOverflow and found answers:

“You can’t do that in a Chrome extension.”,
“You can do it, but I’m not going to tell you how. ;)”
“Use localStorage”

localStorage does not write to a user external file, and I may need to save many MB of data.

My second thought is to use Electron and write a special-purpose browser for the task. Electron has node built-in, so saving a file is possible.

Before I put time and energy into doing this, has anyone already tried it? Any pitfalls or roadblocks ahead?

How to alter facebook post text from javascript

good day, does anyone knows the way to change facebook posting and add a text or picture to it from browser extension. Simulating keystrokes does not work.

Can Chrome Dev Tools Help Find Out a specific Javascript function?

I am working on a site and there’s the menu inside of the header. For some reason the menu overlays logo until the page fully loads, and then it goes back to where it’s supposed to be, next to logo and not overlaying it. Along with a sliding from left-to-right animation.

I’m having a pretty hard time trying to find out why is that happening. I just want to get rid of that animation and have that menu always stay next to the logo and not just when the page fully loads.

Is there any tool in Chrome Dev Tools that can help me with this? So maybe I just want to somehow get details of all the JS functions being executed as the page loads. And I would like to know how to do that in Chrome so that I could find that specific function and remove it 🙂

Autofill web form with credentials stored on third entity

I have my server in aws which stores my credentials for different websites that i visit, i want, whenever i visit any website( and i have credential for that website on my server in aws) then login form for that website should be autofilled and submitted with the credentials retrieved from server in aws. I know there is one way to acheive is using chrome extension but i have 2 reason for not to go ahead with this approach

  1. dependent on chrome browser,
  2. Not sure if retrieving credentials in chrome extension will be vulnerable or not.

i can ignore reason 1 if my assumption in reason 2 is wrong.
Is there any other way to achieve this?

How to Get Percentage or Number of pixels of Black (color) on the Screen of browser?

How to calculate (or get) Percentage or number of pixels of black (color) on the screen of a browser?
(CSS/Javascript?)

Is there some function (browser/javascript) which can get that information?

Only idea I have is to take screenshots and then load them to canvas? and loop through every pixel (and compare with black) and count?

(why?)
I’m trying to write chrome plugin in javascript which collects color usage data.
I need information about percentage of black color (or maybe also shades close to black) to collect data for my research.

Getting chrome password generation suggestion?

I am getting this chrome password generation suggestion and seen in one or two browsers only (chrome V#64.0.3282.167 64-bit) chrome password generation suggestion.

To avoid any suggestion I did autocomplete="new-password" and it worked by not popping suggestions to the users to select password but instead seen this dialogue.

Why is that so ? and how can be fixed?

Thanks

P.S. I have tried to search for this on google but not got any result regarding specific this.

Safe/secure way to load plugins into web app

I have a web app that accepts JS plugins. That is, JavaScript code that someone else wrote that the user wants to load into my app.

Currently I am using eval() to evaluate their JS code into the runtime, but I know thats not secure. Is there a better method than eval() for doing this?

To be clear, the user is pointing me to a dry text file, and that JS in the file needs to come to life somehow.

Web development on Android tablet – no dev tools?

Suppose you wanted to do web development on an Android tablet. There are some options available for code editors etc. One thing I can’t get around is that Chrome for Android doesn’t have dev tools. It doesn’t even allow to disable the cache. Are there any other browsers that have the basic console and inspect element functionalities?

Please note that it doesn’t have anything to do with remote debugging. I’m looking for a way to develop with an Android tablet only.

The only thing that comes to mind is BrowserStack, but it would be slow as hell especially on a mobile device.

Where do browser developer tools get their data from?

We know that https packets are encrypted but the browser dev tools are able to show the inside flow urls as shown in the attached image.

dev_tool_snapshot

How to close console (devtools) programmatically from Extension?

Is there a way to close the console (devtools) programmatically from Extension?