Archive for the ‘Chrome’ Category
Posted by jpluimers on 2022/11/29
For my link archive: [Wayback /Archive ] google chrome devtools – Use JavaScript to set value of textbox when .value and events don’t seem to work – Stack Overflow
TL;DR
Sometimes fields are blocked from pasting values.
Normally a trick like this works in the chrome development panel console:
document.getElementById('nonPasteElementID').value = 'myValueFromTheClipboard'
With some web development environments this does not work.
For react, after finding the react render name for the input (in the case of the answer, it was “reactNameForInputElement
“) this is a solution:
To make it work you will need this:
const input = document.getElementById('nonPasteElementID');
const event = new Event('reactNameForInputElement', { bubbles: true });
input.value = '1';
input.dispatchEvent(event);
–jeroen
Like this: Like Loading...
Posted in Chrome , Chrome , Development , Google , JavaScript/ECMAScript , Power User , Scripting , Software Development , Web Browsers , Web Development | Leave a Comment »
Posted by jpluimers on 2022/08/31
Especially on Archive , but also on Android and other mobile operating systems , mobile apps can have their in-app browsers to circumvent the OS provided wrapper around the system browser.
On iOS, the Safari is the only system browser engine whereas on Android you can have other engines too, so less Android applications have in-app browsers.
Most of those in-app browsers are in social media applications that go to great length to keep their users inside a walled garden.
The site [Wayback /Archive ] inAppBrowser.com helps checking how severely information is leaked through the in-app browser as those potentially have a lot of control. TikTok is worst capturing all input including credentials like user names and passwords.
Read the rest of this entry »
Like this: Like Loading...
Posted in Chrome , Conference Topics , Conferences , Development , Event , Firefox , iOS Development , JavaScript/ECMAScript , Mobile Development , Power User , Privacy , Safari , Scripting , Security , Software Development , Web Browsers , Web Development | Leave a Comment »
Posted by jpluimers on 2022/07/19
A while ago, I had a web page showing the logo as inline svg
xml
code.
It took a while to find a place to convert that on-line: [Wayback /Archive.is ] inline svg xml to png – online html sandbox – InfoHeap (via [Wayback /Archive.is ] Convert svg xml text to png image using canvas – InfoHeap ):
The solution is a bit of JavaScript (quoted below) that you can run-online: modify the svg
bit in it, then run it, scroll down in the result and verify if the canvas fits (when not: adapt the canvas side, then re-run).
The svg xml
code needs to be all on one line, so remove any line breaks in it before running.
I have tested it in Chrome, but it should work in non-Chromium browsers like Firefox as well.
The inner workings of the JavaScript conversion code is explained in [Wayback /Archive.is ] html – Convert embedded SVG to PNG in-place – Stack Overflow with more demo code at [Archive.is ] Rasterizing In-Document SVG (thanks [Wayback ] Phrogz !).
Related: [Archive.is ] Jeroen Wiert Pluimers on Twitter: “Nieuwe logo, oude logo. Vrijwel alle werknemers werden een halve dag naar huis gestuurd om ruimte te maken voor de genodigden voor de zodat die de introductie van naam en logo konden bijwonen. Heel goed om verbinding te verliezen met je echte doelgroep. … “
–jeroen
Like this: Like Loading...
Posted in Chrome , Development , Firefox , JavaScript/ECMAScript , Power User , Scripting , Software Development , Web Browsers , Web Development | Leave a Comment »
Posted by jpluimers on 2022/07/14
Below is a cool solution to refresh a page using a bookmarklet is to embed it into an iframe, then automatically reload it every interval.
It for instance works for the [Wayback /Archive.is ] Woonveilig and often in Fritz!Box environments.
[Wayback ] Jon described the below method as a solution for his own question, 6 years after asking it in [Wayback /Archive.is ] Automatically reload page in Chrome without plugin – Super User .
So I made this a bookmark:
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
(it is in a gist as the WordPress editors keep killing the embedded html code, despite it being escaped within <code>
tags.
–jeroen
Like this: Like Loading...
Posted in Bookmarklet , Chrome , Chrome , Development , Firefox , Google , HTML , JavaScript/ECMAScript , Power User , Scripting , Software Development , Web Browsers , Web Development | Leave a Comment »
Posted by jpluimers on 2022/05/27
Posted in Chrome , Configuration Management , Development , DevOps , Firefox , History , IaC - Infrastructure as Code , Infocom and Z-machine , Infrastructure , KVM Kernel-based Virtual Machine , LSI/3ware , Open Source , PDP-11 , Power User , PowerShell , Puppet , Python , Qemu , Rust , Safari , Scripting , Software Development , UCSD Pascal , Vagrant , Veewee , Virtualization , Web Browsers , Xen | Leave a Comment »