devtools-frontend
ViewFinderJS
Our great sponsors
devtools-frontend | ViewFinderJS | |
---|---|---|
7 | 13 | |
2,978 | 1,392 | |
2.0% | - | |
10.0 | 8.0 | |
6 days ago | over 2 years ago | |
TypeScript | JavaScript | |
BSD 3-clause "New" or "Revised" License | GNU General Public License v3.0 or later |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
devtools-frontend
-
Curl 8.0.1 because I jinked it
You can paste that curl command into https://curlconverter.com/wget/ to turn it into a Wget command.
> The reason there isn't a "Copy as wget" option, I think, is the level of control that curl allows so the request can be tailored to exactly mimic the browser.
This is not true. You can read the code that generates the curl command and it's pretty straightforward:
https://github.com/ChromeDevTools/devtools-frontend/blob/c9a...
The arguments it uses are --url, --data-raw, -X/--request, -H/--header, --compressed and --insecure, all of which Wget has an analog of. I think the reason is that they don't care to do it and/or they don't want to make that dropdown menu 30 entries long.
- Architecture and guiding principles of Chrome DevTools
-
Why you should check-in your node dependencies
The GitHub mirror of the Chrome DevTools repo has the node_modules folder here: https://github.com/ChromeDevTools/devtools-frontend/blob/mai...
But there is nuance (there always is...), the README file in node_modules is here: https://github.com/ChromeDevTools/devtools-frontend/blob/mai... - and it makes it clear the only NPM dependencies used by the build-system or infrastructure is meant to be checked-in. Other NPM packages should not.
----------
In conclusion: the linked blog-article is clickbait that misrepresents how the Chrome team manages their dependencies.
While you are correct about Google's monorepository, the author works on Chrome DevTools. That repository is open-source and standalone: https://github.com/ChromeDevTools/devtools-frontend
-
Debugging tools, branching strategies and many more resources
What's new in DevTools (Chrome 95).
-
Show HN: Run puppeteer scripts from the Browser, open DevTools on remote pages
2 known issues:
- DevTools doesn't display the viewport. I'm not sure if this is due to a change in the latest Chrome to which I just updated (~90) or because I broke my serving of it by updating it. A workaround will be serving a static snapshot of the devtools front-end rather than just (simply, as I'm doing right now) pulling it out of Chrome's RDP endpoint each time. This may take some time to do.
- DevTools doesn't seem to work on iOS (as I've tested it, Safari or Chrome).
- There are many more issues, and a lot, but not all, of them are edge cases but they'll be fixed eventually.
More bug reports, UI/UX tips and advice, and other feedback are very welcome! Unfortunately the whole app is not open source but some parts are open source, namely, the virtualized browser[0], and the devtools-front-end[1].
[0]: https://github.com/i5ik/ViewFinderJS
[1]: https://github.com/ChromeDevTools/devtools-frontend
ViewFinderJS
- Show HN: Virtualized browsers for your web app
-
Show HN: I'm using my last GCP free credits for an hours long co-browsing demo
Hey HN
I need to kill this before the GCP credits expire (in less than 1 day). I've switched it to Stripe Test Mode, so to use it, just:
- click the button
- enter an email and the stripe test card number (4242 4242 4242 4242) and any future expiry and any 3 digit CVC (sorry for the confusion, it won't make sense unless you've developed with Stripe before)
- submit the checkout form
You'll be take to a page where you can get your browser link, then you can use that link just for you, or you can send it to other people to "co-browse". Be warned, the screen will automatically shrink to the smallest width x height connected.
The browsers are meant to last 1 day but I will probably need to kill this demo before then as the credits expire.
Best of luck!
PS - Why might you use this? Co-browsing can be used to deliver live interactive training and support, to more than 1 person in real time, it can also give you visibility into your automation processes (connect to running puppeteer scripts, for example), or you can set it up as a secure remote isolated browser. It's basically a "head" for a headless browser. You can see the public version open-sourced here: https://github.com/i5ik/ViewFinderJS (without enhancements like co-browsing and variable-rate streaming) and you can write to me ([email protected]) if you're interested in deploying this either self-hosted or managed. Flexible contract, maintenance, and support options are available. See https://dosyago.com for more info (but please not the listed prices need to be updated!)
-
Fast selfhosted VPN with compression to client devices on slow networks - possible?
Don't expect Opera Mini crazy reduction though, they take out a lot of the page before delivering to you. https://github.com/i5ik/ViewFinderJS do render the page for you but it's not focused on compression. For extremely slow connection, brow.sh might be a better bet.
-
does anyone know self-hosted version of opera mini?
perhaps https://github.com/i5ik/ViewFinderJS
- Show HN: Free open-source isolated browser for security
- JS cobrowsing demo
- Come browse with me - Simple, private and secure cobrowsing on chrome
-
Show HN: Browse with Friends
Hello I posted this a week ago but it's iterated quite a lot since then. I don't expect much discussion I'm just sort of using posting here to keep a track of my progress and see if any of the iterations sticks with this community. I've got some ideas on use cases in terms of customer support, bug reporting or just sort of a weird thing where you can cobrowse with other people.
I have WebRTC support but I've turned it off in favor of websockets because I find that in general the performance is better. But I'd like to play around with the sctp settings as well as experimenting with a per frame ack before we send the next frame to improve WebRTC performance because I think one of the things that's going wrong with it is it will send a lot of frames and they kind of get stuck in transit which then causes latency. if I do that I think webrtc should be able to perform better than websocket but I'm not sure.
if you want to create your own private room rather than join this public one you can visit
https://comebrowsewithme.com/
Have fun, browse safe!
-
A live shared browser session
Hey, cool song choice! :) Sorry audio will not work on this 8002 port demo, but audio works fine if you go to https://comebrowsewithme.com create a meeting and send the invite to people. Honestly I don't know why that is. As for not knowing if anyone is watching with you, on my todo list is add a participant count. There's also a chat tab in the menu at right that I want to surface.
-
Show HN: Run puppeteer scripts from the Browser, open DevTools on remote pages
2 known issues:
- DevTools doesn't display the viewport. I'm not sure if this is due to a change in the latest Chrome to which I just updated (~90) or because I broke my serving of it by updating it. A workaround will be serving a static snapshot of the devtools front-end rather than just (simply, as I'm doing right now) pulling it out of Chrome's RDP endpoint each time. This may take some time to do.
- DevTools doesn't seem to work on iOS (as I've tested it, Safari or Chrome).
- There are many more issues, and a lot, but not all, of them are edge cases but they'll be fixed eventually.
More bug reports, UI/UX tips and advice, and other feedback are very welcome! Unfortunately the whole app is not open source but some parts are open source, namely, the virtualized browser[0], and the devtools-front-end[1].
[0]: https://github.com/i5ik/ViewFinderJS
[1]: https://github.com/ChromeDevTools/devtools-frontend
What are some alternatives?
remotedebug-ios-webkit-adapter - Debug Safari and WebViews on iOS from tools like VS Code and Chrome DevTools
browservice - Browservice: Browse the modern web on historical browsers
cli - the package manager for JavaScript
headless-recorder - Chrome extension that records your browser interactions and generates a Playwright or Puppeteer script.
git-archive-all - git-archive with recursive submodule support
Viewfinder - 📷 BrowserBox - Remote isolated browser API for security, automation visibility and interactivity. Run on our cloud, or bring your own. Full scope double reverse web proxy with multi-tab, mobile-ready browser UI frontend. Plus co-browsing, advanced adaptive streaming, secure document viewing and more! But only in the Pro version. Get BB today! Secure your document needs and internet, today! [Moved to: https://github.com/crisdosyago/BrowserBox]
depclean - DepClean automatically detects and removes unused dependencies in Maven projects (https://dx.doi.org/10.1007/s10664-020-09914-8)
jsafer - A simple JS source code obfuscator/minifier that doesn't hurt consistency or speed.
go-offline-maven-plugin - Maven Plugin used to download all Dependencies and Plugins required in a Maven build, so the build can be run without an internet connection afterwards.
BrowserBox - 📷 BrowserBoxPro - The internet. But unrestricted. And secure. Remote browser isolation product, available here and in Pro for purchase on our website. [Moved to: https://github.com/dosyago/BrowserBoxPro]
TypeScript - TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
jQuery-File-Upload - File Upload widget with multiple file selection, drag&drop support, progress bar, validation and preview images, audio and video for jQuery. Supports cross-domain, chunked and resumable file uploads. Works with any server-side platform (Google App Engine, PHP, Python, Ruby on Rails, Java, etc.) that supports standard HTML form file uploads.