2020-11-21 Saturday - Interesting Finds Today

 

Photo by iMattSmart on Unsplash

Today I've spent some time browsing through Stack Overflow questions - looking for interesting questions that I might take a stab at answering. 

An outcome of that effort has been the serendipity of learning about the following...

Puppeteer

"Puppeteer is a Node library which provides a high-level API to control Chrome or Chromium over the DevTools Protocol. Puppeteer runs headless by default, but can be configured to run full (non-headless) Chrome or Chromium."

What can it do?

• Generate screenshots and PDFs of pages.
• Crawl a SPA (Single-Page Application) and generate pre-rendered content (i.e. "SSR" (Server-Side Rendering)).
• Automate form submission, UI testing, keyboard input, etc.
• Create an up-to-date, automated testing environment. Run your tests directly in the latest version of Chrome using the latest JavaScript and browser features.
• Capture a timeline trace of your site to help diagnose performance issues.
• Test Chrome Extensions.

Here are some interesting links:

• https://pptr.dev/
• https://github.com/puppeteer/puppeteer
• https://try-puppeteer.appspot.com/ 

Additionally, these tutorial resources might be of interest
Nitay Neeman has some interesting Puppeteer content:

• https://nitayneeman.com/
• https://github.com/nitayneeman
• https://github.com/nitayneeman/puppeteer-examples
  
• https://twitter.com/nitayneeman
• https://nitayneeman.com/posts/getting-to-know-puppeteer-using-practical-examples/
• https://nitayneeman.com/posts/learning-puppeteer-in-stride-through-short-videos/
  
• https://www.youtube.com/playlist?list=PLsKyINt-MyGhMZDkaL0Als8s0DmBHZvMZ

Playwright

🎭

•  https://playwright.dev/
• Playwright is a Node.js library to automate Chromium, Firefox and WebKit with a single API.
• Playwright is built to enable cross-browser web automation that is ever-green, capable, reliable and fast.

• https://playwright.dev/#?path=docs/api.md
• Capabilities
• Scenarios that span multiple page, domains and iframes
• Auto-wait for elements to be ready before executing actions (like click, fill)
• Intercept network activity for stubbing and mocking network requests
• Emulate mobile devices, geolocation, permissions
• Support for web components via shadow-piercing selectors
• Native input events for mouse and keyboard
• Upload and download files
• https://github.com/microsoft/playwright
• https://twitter.com/playwrightweb
  

Chrome 87, 88

• 2020-11 What's New in DevTools (Chrome 88)?
• 2020-11 What's New in Chrome 87 
  
• 2020-10 What's New In DevTools (Chrome 87)?
• https://www.youtube.com/watch?v=bE3O6EhLjPc 

Toledo JavaScript Chess Game

• https://nanochess.org/chess4.html
• pieces as GIF graphics. 3130 bytes (3.1 kb)  

JS1K - The JavaScript Code Golfing Competition

I perused the code of some of the past competition winners - and was inspired by the level of conciseness and creativity. Note: It appears the competition's last year was 2019.

• https://js1k.com/

TCP/IP Port Database Resources

The SpeedGuide.net resource is a wealth of aggregated information - and includes links to additional resources (such as information on the SANS Internet Storm Center)

• https://www.speedguide.net/ports.php