Archive for the ‘Firefox’ Category
Posted by jpluimers on 2023/09/27
For my link archive is the below answer that should help me a lot with unfinished bits from Some JavaScript bookmarklets for WordPress published pages centered around navigation and IDs .
Goal of that post was to have some grounding and eventually find a means to build an HTML page in a new tab using a bookmarklet that I then later could post to my blog.
Assembling to HTML and putting it on the clipboard might be a lot easier and better fitting in my workflow.
So, via [Wayback /Archive ] javascript copy html to clipboard – Google Search , for my link archive: [Wayback /Archive ] Javascript – Copy string to clipboard as text/html – Stack Overflow (thanks [Wayback /Archive ] Loilo for answering and [Wayback /Archive ] kofifus for asking):
Below is a function that will do exactly that. I tested it with your required browsers, it works in all of them. However, IE 11 will ask for confirmation on that action.
Explanation how this works can be found below, you may interactively test the function out in this jsFiddle .
Read the rest of this entry »
Posted in Chrome , Development , Firefox , HTML , HTML5 , Internet Explorer , JavaScript/ECMAScript , JSFiddle , 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 »
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
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:
Replace the svg element in it (but keep the id="inputSvg" attribute!),
Run the fiddle,
Save the rendered PNG file by right-clicking the “PNG (Save link as..)” link then saving the file.
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
Learn more about bidirectional Unicode characters
<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>
Learn more about bidirectional Unicode characters
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:
Learn more about bidirectional Unicode characters
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
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):
Solutions still to try:
Read the rest of this entry »
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 tab
Via: [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: Disabled
I imagine the setting we’re all looking for is: user_pref(“network.trr.mode”, 5);
It pointed me to [WayBack ] Trusted Recursive Resolver – MozillaWiki :
Read the rest of this entry »
Posted in Cloud , Cloudflare , Communications Development , Development , DNS , Firefox , Infrastructure , Internet protocol suite , Power User , TCP , Web Browsers | Leave a Comment »
The Wiert Corner - irregular stream of stuff 