I need to give the various solutions here some thought: [Wayback/Archive] Shortcut to open specific bookmark / URL in Chrome – Super User
–jeroen
Posted by jpluimers on 2023/06/12
I need to give the various solutions here some thought: [Wayback/Archive] Shortcut to open specific bookmark / URL in Chrome – Super User
–jeroen
Posted in Chrome, Firefox, Power User, Web Browsers | 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.
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.
Edit 20231209: [Wayback/Archive] Render SVG to PNG: Edit fiddle – JSFiddle – Code Playground (explained in [Wayback/Archive] html – Convert embedded SVG to PNG in-place – Stack Overflow by [Wayback/Archive] User anatoly techtonik – Stack Overflow) works way better than the InfoHeap link:
svg element in it (but keep the id="inputSvg" attribute!),Original content
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
| <div id="diagram_image"> | |
| <svg id="inputSvg" xmlns="http://www.w3.org/2000/svg" xmlns:inkspace="http://www.inkscape.org/namespaces/inkscape" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 640 120"> | |
| <defs id="defs_block"> | |
| <filter height="1.504" id="filter_blur" inkspace:collect="always" width="1.1575" x="-0.07875" y="-0.252"> | |
| <feGaussianBlur id="feGaussianBlur3780" inkspace:collect="always" stdDeviation="4.2" /> | |
| </filter> | |
| </defs> | |
| <title>blockdiag</title> | |
| <desc/> | |
| <rect fill="rgb(0,0,0)" height="40" stroke="rgb(0,0,0)" style="filter:url(#filter_blur);opacity:0.7;fill-opacity:1" width="128" x="67" y="46" /> | |
| <rect fill="rgb(0,0,0)" height="40" stroke="rgb(0,0,0)" style="filter:url(#filter_blur);opacity:0.7;fill-opacity:1" width="128" x="259" y="46" /> | |
| <rect fill="rgb(0,0,0)" height="40" stroke="rgb(0,0,0)" style="filter:url(#filter_blur);opacity:0.7;fill-opacity:1" width="128" x="451" y="46" /> | |
| <rect fill="rgb(255,255,255)" height="40" stroke="rgb(0,0,0)" width="128" x="64" y="40" /> | |
| <text fill="rgb(0,0,0)" font-family="sans-serif" font-size="11" font-style="normal" font-weight="normal" text-anchor="middle" textLength="55" x="128" y="66">discovery</text> | |
| <rect fill="rgb(255,255,255)" height="40" stroke="rgb(0,0,0)" width="128" x="256" y="40" /> | |
| <text fill="rgb(0,0,0)" font-family="sans-serif" font-size="11" font-style="normal" font-weight="normal" text-anchor="middle" textLength="55" x="320" y="66">execution</text> | |
| <rect fill="rgb(255,255,255)" height="40" stroke="rgb(0,0,0)" width="128" x="448" y="40" /> | |
| <text fill="rgb(0,0,0)" font-family="sans-serif" font-size="11" font-style="normal" font-weight="normal" text-anchor="middle" textLength="55" x="512" y="66">reporting</text> | |
| <path d="M 192 60 L 248 60" fill="none" stroke="rgb(0,0,0)" /> | |
| <polygon fill="rgb(0,0,0)" points="255,60 248,56 248,64 255,60" stroke="rgb(0,0,0)" /> | |
| <path d="M 384 60 L 440 60" fill="none" stroke="rgb(0,0,0)" /> | |
| <polygon fill="rgb(0,0,0)" points="447,60 440,56 440,64 447,60" stroke="rgb(0,0,0)" /> | |
| </svg> | |
| </div> | |
| <img id="outputPngImage" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4 | |
| //8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg=="/> | |
| <span id="outputPngLinkSpan"> | |
| <a href="">PNG (Save link as..)</a> | |
| </span> |
| class SVGtoPNGDataURL { | |
| constructor() { | |
| this.canvas = document.createElement('canvas'); // Not shown on page | |
| this.canvas2DContext = this.canvas.getContext('2d'); | |
| this.loaderImage = new Image; // Not shown on page | |
| } | |
| // Generate PNG data URL from SVG and send it to callback function when ready | |
| go(svgElement, dataUrlCallback) { | |
| var svgAsXML = (new XMLSerializer).serializeToString( svgElement ); | |
| this.loaderImage.width = this.canvas.width = svgElement.clientWidth; | |
| this.loaderImage.height = this.canvas.height = svgElement.clientHeight; | |
| var self = this; | |
| this.loaderImage.onload = function() { | |
| self.canvas2DContext.drawImage( self.loaderImage, 0, 0, self.loaderImage.width, self.loaderImage.height ); | |
| dataUrlCallback(self.canvas.toDataURL()); | |
| }; | |
| this.loaderImage.src = 'data:image/svg+xml,' + encodeURIComponent( svgAsXML ); | |
| } | |
| }; | |
| var converter = new SVGtoPNGDataURL(); | |
| var inputSvgElement = document.querySelector('#inputSvg'), // Inline SVG element | |
| outputPngImage = document.querySelector('#outputPngImage'), // Where to draw the result | |
| outputPngLink = document.querySelector('#outputPngLinkSpan a'); | |
| converter.go(inputSvgElement, dataUrlCallback=function(dataURL) { | |
| outputPngImage.src = dataURL; | |
| outputPngLink.href = dataURL; | |
| }); |
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:
| javascript:document.getElementsByTagName("body")[0].innerHTML = "<iframe id=\"testFrame\" src=\""+window.location.toString()+"\" style=\"position: absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%;\"><\/iframe>";reloadTimer = setInterval(function(){ document.getElementById("testFrame").src=document.getElementById("testFrame").src },5*60*1000) |
(it is in a gist as the WordPress editors keep killing the embedded html code, despite it being escaped within <code> tags.
–jeroen
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
A while ago [Archive.is] Adam Jacob on Twitter: “Let’s say nice things about technology today. I’ll start. If it wasn’t for @lkanies and @puppetize, there is no way we would have been able to adapt as an industry to the rise of the cloud. Quote tweet me with your own.” sparked some interesting threads.
First posts are below; click on them to see the full threads.
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 »
Posted by jpluimers on 2022/01/20
For quite some time now, Chrome (think years) refuses to prompt for saving passwords whereas Firefox and Safari do prompt and save them, even for site types that it used to save passwords for in the past.
It has been annoying enough for too long now that I tried to do better than the Google searches I used back when I saw this happen first.
Below are some links based on new searches (starting with [Wayback] adding a password in chrome settings – Google Search); hopefully I can try them after I made a list of sites that Chrome does not show the password save prompt for.
Solutions I tried that failed (but maybe useful for others):
input field being marked with type="password", and if not add it.Solutions still to try:
Posted in Chrome, Chrome, Communications Development, Development, Encryption, ESXi6, ESXi6.5, ESXi6.7, Firefox, Fritz!, Fritz!Box, Fritz!WLAN, Google, https, HTTPS/TLS security, Internet, Internet protocol suite, Let's Encrypt (letsencrypt/certbot), Power User, routers, Safari, Security, TCP, TLS, Virtualization, VMware, VMware ESXi, Web Browsers, Web Development | Leave a Comment »
Posted by jpluimers on 2021/12/10
Only recently, I learned this works on just about any web-browser:
Ctrl-9 (macOS: Command-9) goes to LAST tabCtrl-1 (macOS: Command-1) goes go FIRST tabVia: [WayBack] Switch Between Tabs in Any Browser Using Shortcut Keys
For those keyboard ninjas who hate using the mouse, switching between tabs in your browser window is essential since most people probably have a bunch of tabs open at once. […]
…
If you want to go to a specific tab, you can press CTRL + N, where N is a number between 1 and 8. Unfortunately, you can’t go past 8, so if you have more than eight tabs, you’ll have to use a different keyboard shortcut or just click on it. CTRL + 9 will take you to the last tab, even if there are more than 8!
–jeroen
Posted in Chrome, Firefox, Internet Explorer, Keyboards and Keyboard Shortcuts, Opera, Power User, Safari, Web Browsers | Leave a Comment »
Posted by jpluimers on 2021/09/15
For my link archive:
Via:
–jeroen
Posted in .NET, .NET Core, ASP.NET, C#, Chrome, Chrome, Development, Firefox, Google, Power User, Safari, Software Development, Web Browsers | Leave a Comment »
Posted by jpluimers on 2021/08/03
There are many reasons to disable DNS over HTTPS (DoH), of which enough are discussed in the links below.
Disabling DoH always talks about setting TTR (the abbreviation Mozilla uses for it) to 5 (like [WayBack] Thread by @isotopp: “Firefox is about to break DNS by enabling DNS-over-HTTP by default […]”), but hardly ever explains the meaning of 5, or any other potential values.
After some searching, I found [WayBack] Firefox disable trr | Knowledge Base:
0: Off by default1: Firefox chooses faster2: TRR default w/DNS fallback3: TRR only mode5: DisabledI imagine the setting we’re all looking for is:
user_pref(“network.trr.mode”, 5);(emphasis mine)
It pointed me to [WayBack] Trusted Recursive Resolver – MozillaWiki:
Posted in Cloud, Cloudflare, Communications Development, Development, DNS, Firefox, Infrastructure, Internet protocol suite, Power User, TCP, Web Browsers | Leave a Comment »
Posted by jpluimers on 2021/07/19
I hate those updates (this time around FireFox 65) where suddenly the UX changes without an obvious way to switch back to the old behaviour. [WayBack] How do i get the old CTRL + TAB function back? | Firefox Support Forum | Mozilla Support led me to the proper name (“browser.ctrlTab.recentlyUsedOrder”), and a confirmation of the below steps in:
I by now know this is only for new user profiles, but since I do not sync profiles (as almost all of my equipment servers different use cases), but still have the same physical user (me), I want consistent behaviour. See [WayBack/Archive.is] Enable “Ctrl+Tab cycles through tabs in recently used order” feature by default in new profiles
Too bad I could not find a way to script this: my [WayBack] Mozilla Bugzilla “browser.ctrlTab.recentlyUsedOrder” “script” – Google Search turned no useful results.
If you have a scripting workaround, please let me know.
For me, the easiest way is to
about:config,browser.ctrlTab.recentlyUsedOrder,false (actual value; correct).No need for any save button: the change is immediate.
These might help me script it:
Posted in Firefox, Power User, Web Browsers | Leave a Comment »