<p>There are various types of browser extensions that help to accomplish certain tasks very easily.&nbsp;</p>
<p>We have already seen one such interesting <a href="https://devapt.com/copy-text-easily-chrome-extension" target="_blank" rel="noopener">chrome extension to copy text</a> easily as never before just with a click.&nbsp;</p>
<p>Here is one more such unique chrome extension that helps to <a href="https://devapt.com/text-image-extension">convert text to image</a> just instantly.</p>
<p>Let's see how this text to image extension works and how we can make the best use of it while browsing the web.</p>
<h2 style="text-align: center;">Generate image from text selection</h2>
<p>Before going to use this extension you need to first install it from the chrome store. You can get this from the below link.&nbsp;</p>
<p>➜ <a href="https://chrome.google.com/webstore/detail/text-to-image/nkljaohokglebeljcgchmehnhdieakda" target="_blank" rel="noopener">Text to image chrome extension</a></p>
<p>Once you installed this extension you can find it in the extensions bar and if you can't find it, check it in the dropdown menu of extensions and pin to find it in the main extensions bar.&nbsp;</p>
<p>In order to use it just visit any website where you can be able to select text or just use this website.</p>
<p>Select any text you want and then right-click to see the <em>Text to image</em> option in the right-click menu or specifically the context menu and from there click copy or download.&nbsp;</p>
<p>That's it you'll have the image of the text that you selected, voila!</p>
<p><img style="display: block; margin-left: auto; margin-right: auto;" src="https://res.cloudinary.com/cloudtale/image/upload/v1650609298/devapt/Text-to-image-chrome-extension.gif" alt="Text-to-image-chrome-extension" width="700" height="350" /></p>
<h3>How to customize the generated image?</h3>
<p>You can customize the look of the image that is generated from the selected text with the help of the options available.&nbsp;</p>
<p>When you click the extension icon you can see three customization options viz., mode, padding, and color palettes.</p>
<p><img style="display: block; margin-left: auto; margin-right: auto;" src="https://res.cloudinary.com/cloudtale/image/upload/v1650609306/devapt/Text-to-image-menu.webp" alt="Text-to-image-extension-options" width="453" height="300" /></p>
<h4>1. Mode&nbsp;</h4>
<p>With the help of the mode option, you can select the light or dark mode for the card that holds the text.&nbsp;</p>
<p>By default, it is in light mode.&nbsp;</p>
<h4>2. Padding</h4>
<p>The padding refers to the spacing around the text card which helps us to see the background. You have various values to pick from 0px to 128px.</p>
<p>When you select the 0px(pixels) it will hide the background and all the space will be occupied by the text card.</p>
<p>When you do not want any fancy background, instead just plain text with a white/dark background, you can make the padding 0px.&nbsp;</p>
<h4>3. Color palette</h4>
<p>From the color palette, you can pick your favorite color backgrounds to show behind the text card.&nbsp;</p>
<p>These color backgrounds are mostly the gradient colors which make these text images appear nice and attention grabbing.&nbsp;</p>
<p>Note that when you select 0px padding, these background colors will be hidden as there won't be any space.&nbsp;</p>
<h4>4. Download&nbsp;</h4>
<p>To quickly download the image just after selecting the text you can use this option for downloading the generated image to your device.&nbsp;</p>
<p>There are shortcuts for copying and downloading the image.</p>
<p><strong>Shortcut to copy:</strong> <kbd>Ctrl+Shift+Z</kbd></p>
<p><strong>Shortcut to download:</strong> <kbd>Ctrl+Shift+&darr;</kbd>(down arrow)</p>
<p>Sometimes these shortcuts may conflict with the shortcuts in the browser or some websites. So keep this in mind while trying them out.</p>
<p>Right-click context menu options are always there whenever you face such issues.&nbsp;</p>
<h3>Where to use text to image extension?</h3>
<p>If you know why this extension was created, and the main problem it wants to address then it would give an idea of where to use this extension effectively.&nbsp;</p>
<p>There was a situation where I wanted to reply to tweets on Twitter with more than 280 characters, it was difficult or a bit cumbersome to tweet multiple times.&nbsp;</p>
<p>At that time I thought if there was something that could help me instantly to send messages that are of more than 280 characters without leaving the browser.</p>
<p>Then an idea struck me to convert the text to an image instantly which then can be shared as a reply to tweets.&nbsp;</p>
<p>And as a result, this <strong><em>text to image</em></strong> extension is born.</p>
<p>So this extension can be used to share long texts as replies/tweets on Twitter. You can also save text info from websites as images for your future reference.&nbsp;</p>
<p>Sometimes when you want to show text in a fancy and attractive manner you can use it there as well.&nbsp;</p>
<p>If you want to create more rich text effects including images, code snippets, etc you can try out this full-fledged solution from <a href="https://tweetlet.net/" target="_blank" rel="noopener">tweetlet</a> website that helps you create amazing and visually appealing images.&nbsp;</p>
<p>If you want a demo of this extension you can watch this video.&nbsp;</p>
<div class="flex justify-center"><iframe class=" rounded-xl overflow-hidden" title="Text to image chrome extension intro" src="https://www.youtube-nocookie.com/embed/ybaH7ts4xtQ?rel=0" width="680" height="350" frameborder="0" allowfullscreen="allowfullscreen"></iframe></div>
<p>That's it about this interesting tool that helps you to convert any selected text instantly to an image without leaving your browser.</p>
<p>Please feel free to share any suggestions/feedback/improvements in this tool.&nbsp;</p>

Here is a way to convert text to image just by selecting the text. You can copy or download the image easily. There are beautiful backgrounds to select.

Convert text to image instantly

Chrome extension to convert text to image instantly

<p>JavaScript has become the most popular language in the last few years. It is also the language that powers the web along with HTML and CSS.&nbsp;</p>
<p>JavaScript has evolved in such a manner that almost any kind of application for any platform can be created using it through its huge collection of libraries and frameworks available as open source.&nbsp;</p>
<blockquote>
<p style="text-align: right;"><em>Any application that can be written in JavaScript, will eventually be written in JavaScript.</em></p>
<p style="text-align: right;">- Jeff Atwood</p>
</blockquote>
<p>JavaScript has its pros and cons along with its quirks. Most people are using it for the pros it offers in solving problems or creating applications.</p>
<p>A problem can be solved in different ways using JavaScript. In this article, we are going to look at some of the best JavaScript tips to write simple and efficient JS code.&nbsp;</p>
<h2 style="text-align: center;">10 JavaScript tips and tricks</h2>
<h3>1. Sorting in javascript</h3>
<p>The <code>sorting()</code> array method in JS is a mutating method which means it modifies the order of the elements of the original array.</p>
<p>A better approach is to duplicate the array and sort it.</p>
<p>Sorting in JavaScript is by default lexicographic, so for sorting numbers, it's always essential to sort by a callback function.&nbsp;</p>
<pre class="language-javascript"><code>// Sorting directly
const arr = [4, 20, 10, 1, 3, 5];
arr.sort(); // arr: [1, 10, 20, 3, 4, 5]</code></pre>
<pre class="language-javascript"><code>// Sorting by duplicating the array
const arr = [4, 20, 10, 1, 3, 5];
const sortedArr = arr.slice().sort((a, b) =&gt; a - b);

// arr: [4, 20, 10, 1, 3, 5]
// sortedArr: [1, 3, 4, 5, 10, 20]</code></pre>
<h3>2. Flattening array in JavaScript</h3>
<p>Flattening an array means putting all the elements of nested arrays into the main array.&nbsp;</p>
<p>There are quite <a href="https://devapt.com/javascript-flatten-array" target="_blank" rel="noopener">different ways to flatten arrays in JavaScript</a>. There's a <code>flat()</code> method added in ES10 or Ecmascript version 2019 to flatten the array directly.&nbsp;</p>
<p><code>flat()</code> method takes an argument as the max. depth that has to be flattened to. The default depth is 1.&nbsp;</p>
<p>To flatten the array of any depth use <code>Infinity</code> as the argument.</p>
<pre class="language-javascript"><code>const letters = ['a', 'b', ['c', 'd', ['e', 'f']]];
const flatArray = letters.flat(2); // Flatten until depth 2

// flatArray: ['a', 'b', 'c', 'd', 'e', 'f'];</code></pre>
<h3>3. Shuffle array in JavaScript</h3>
<p>To shuffle an array we can use <code>sort()</code> method by returning a random positive or negative number in the callback.</p>
<p>We can generate random positive or negative number using</p>
<pre class="language-javascript"><code>// Random positive and negative number
Math.random() - 0.5</code></pre>
<pre class="language-javascript"><code>const letters = ['a', 'b', 'c', 'd', 'e', 'f'];
const shuffledArray = [...letters].sort(() =&gt; Math.random() - 0.5);

// shuffledArray: ["e", "d", "b", "a", "f", "c"]
// shuffledArray: ["b", "d", "f", "a", "c", "e"]</code></pre>
<h3>4. Filter falsy values</h3>
<p>There are six falsy values in JavaScript. They are 0, <code>''</code>, null, undefined, false, NaN.</p>
<p>We can easily filter out those values using the <code>Boolean</code> global function.</p>
<pre class="language-javascript"><code>const arr = [1, 0, 2, '', 3, null, 4];
const filtered = arr.filter(Boolean); 

// filtered: [1, 2, 3, 4]</code></pre>
<h3>5. Object destructuring</h3>
<p>Object destructuring is a very useful technic to extract values from an object in the desired variables.&nbsp;</p>
<p>We can rename the keys using <code>:</code>(colon) and also assign default values using <code>=</code> if a certain destructured variable doesn't exist in the object.</p>
<p>We can also assign the object values to an already declared variable by wrapping the destructured code in parenthesis.</p>
<pre class="language-javascript"><code>const person = {
  name: 'John',
  years: 25,
  occupation: 'developer',
};

let occupation;

const { name, years: age, place = 'remote' } = person;
({ occupation } = person);

// name: John
// age: 25
// place: remote
// occupation: developer</code></pre>
<h3>6. Sleep or delay in JavaScript</h3>
<p>JavaScript executes code synchronously. There's no built-in function in JS to sleep or delay synchronous code.&nbsp;</p>
<p>We can create a sleep function with the help of a promise.</p>
<pre class="language-javascript"><code>// Sleep function using promise
const sleep = (ms) =&gt; new Promise((resolve) =&gt; setTimeout(resolve, ms));</code></pre>
<pre class="language-javascript"><code>const sleep = (ms) =&gt; new Promise((resolve) =&gt; setTimeout(resolve, ms));

async function print() {
  console.log('First line ');
  await sleep(2000); // sleeps for 2 seconds
  console.log('Second line');
}

print();
// First line
// ...after 2 seconds
// Second line</code></pre>
<h3>7. Typecast strings to numbers</h3>
<p>When you have an array of string numbers and type casting those to numbers can be done easily using the global <code>Number</code> function.</p>
<pre class="language-javascript"><code>const strings = ['1', '2', '3', '4' , '5'];
const numbers = strings.map(Number);

// strings: ['1', '2', '3', '4' , '5']
// numbers: [1, 2, 3, 4, 5]</code></pre>
<h3>8. !!, ~~, + operators</h3>
<h4>Convert any value to boolean using !!</h4>
<p><code>!</code> is a bitwise not operator. Using <code>!!</code> we can quickly convert any value to a boolean.</p>
<pre class="language-javascript"><code>const isPresent = 'yes';

!!isPresent; // true</code></pre>
<h4>Trim the decimal part using ~~</h4>
<p>We can use <code>~~</code> to quickly trim the decimal part of a number. This can be used as an alternative to <code>Math.floor()</code>.</p>
<p>In JavaScript <code>~number = -(number + 1)</code></p>
<pre class="language-javascript"><code>const price = 25.4;
~~price; // 25</code></pre>
<h4>Typecast string to a number using +</h4>
<p>We can prefix <code>+</code> to string numbers to quickly convert them to number type.</p>
<pre class="language-javascript"><code>const rate = '15';
const amount = +rate;

// rate: '15'
// amount: 15</code></pre>
<h3>9. Nullish coalescing (??) and optional chaining (?.)</h3>
<p><code>??</code> nullish coalescing operator is used to handle <code>null</code> or <code>undefined</code> values.&nbsp;</p>
<p>Whenever <code>null</code> or <code>undefined</code> value is encountered we can return a default value.</p>
<p>This doesn't work for other boolean values like 0, NaN, <code>''</code>, false. To handle all boolean values we can use <code>||</code> logical OR.</p>
<pre class="language-javascript"><code>let visitor;
let person;

visitor = 'Doe';
person =  visitor ?? 'staff';
// person: Doe

visitor = null;
person =  visitor ?? 'staff';
// person: staff</code></pre>
<p>Optional chaining is used to avoid throwing of error whenever there's a missing key in an object.</p>
<pre class="language-javascript"><code>const person = {
  name: 'John',
  books: null
}
person.books.name // throws error

person.books?.name // returns undefined</code></pre>
<h3>10. Remove the duplicates in an array</h3>
<p>Removing duplicates could be cumbersome sometimes. But using the <code>Set()</code> this can be achieved in simple steps.</p>
<p>A Set is a collection of unique data types in Javascript. Learn about <a href="https://devapt.com/javascript-set-weakset" target="_blank" rel="noopener">Javascript set</a> here.</p>
<pre class="language-javascript"><code>const letters = ['a', 'b', 'c', 'b', 'a', 'd']; // duplicates
const uniqueLetters = [...new Set(letters)]; 

// uniqueLetters: ['a', 'b', 'c', 'd']</code></pre>
<p>That's all in this article. These are some of the interesting JavaScript tips to know about. We'll see more tips in the upcoming articles.&nbsp;</p>

Here are some of the best JavaScript tips and tricks that you should know. These tips can help you to develop Javascript applications with ease.

JavaScript tips and tricks 

10 JavaScript tips and tricks that makes you a better dev

<p>In this internet era finding and searching information is simplified by search engines. One such well-known and sophisticated search engine is Google.&nbsp;</p>
<p>Google has become an integral part of internet users. It is the most highly used search engine around the world accounting for 5-7 billion searches every day as of 2022.&nbsp;</p>
<p>Google is so often used that it was added to the English language as a standard word for searching using Google search engine. So google, googled, googling, etc are the standard English words now.&nbsp;</p>
<p>As already said, it is a sophisticated search engine, using it we can find or search almost any kind of information in this world.&nbsp;</p>
<p>Using Google to quickly find what we want is sometimes considered a skill. Yes, it is a kind of skill to find any information just in a few seconds.&nbsp;</p>
<p>Anybody can master this skill by following a few simple tips and tricks. In this article, we are going to look at some of the essential Google tricks that can help you to quickly search and filter any kind of information you wanted using Google.&nbsp;</p>
<p>Note: The sample or example search queries will be indicated after the magnifying glass.&nbsp;</p>
<h2 style="text-align: center;">Google tricks to google like a pro</h2>
<h3>1. Search tricks to find the exact info</h3>
<h4>Search for an exact match:</h4>
<p>To find the search results containing the exact keywords of your search, put your keywords inside quotes(<strong>" "</strong>).&nbsp;</p>
<p>For example, if you want to find results for your exact keywords, say <span style="text-decoration: underline;">rare flowers</span>. Search as below.</p>
<ul style="list-style: '🔎';">
<li>"rare flowers"</li>
</ul>
<h4>Search for keywords in title, URL and text:</h4>
<p>To search for results containing keywords in the specific parts of the results, you should use</p>
<ul>
<li><strong>intitle:</strong> to look for keywords in the title</li>
<li><strong>inurl:</strong> to look for the keywords in the URL</li>
<li><strong>intext:</strong> to look for the keywords in the text</li>
</ul>
<p><em>Don't give any spacing after the colon(:).</em></p>
<ul style="list-style: '🔎';">
<li>intitle:rare flowers</li>
<li>inurl:rare flowers</li>
<li>intext:rare flowers</li>
</ul>
<h4>Search for specific file types:</h4>
<p>You can find search results containing specific file types using <strong>filetype:</strong> flag. Using this you can look for various file types like <code>pdf</code>,&nbsp; <code>.ps</code>,&nbsp;<code>.xls</code>,&nbsp;<code>.ppt</code>,&nbsp;<code>.doc</code> etc</p>
<p>You can put this <em>filetype:</em> flag before or after search keywords. It's better to use after the search keywords because it helps to differentiate the search keywords with the flag.</p>
<ul style="list-style: '🔎';">
<li>web development filetype:pdf&nbsp;</li>
</ul>
<h4>Search within a site:</h4>
<p>You can find results for your keywords within a specific site using <strong>site:</strong> flag. You can also use this <em>site:</em> flag to see the links that are indexed by Google.</p>
<ul style="list-style: '🔎';">
<li>edge tips site:devapt.com</li>
</ul>
<h4>Search for related sites:</h4>
<p>You can use <strong>related:</strong> flag for finding the sites that are related to the given site. This is helpful for finding the alternative or related sites of a site.</p>
<ul style="list-style: '🔎';">
<li>related:twitter.com</li>
</ul>
<h4>Search for Google's cached version of a site:</h4>
<p>You can use <strong>cache:</strong> flag for checking Google's cached version of a site. It is mostly useful for the webmasters to check the cached version of sites.</p>
<ul style="list-style: '🔎';">
<li>cache:devapt.com</li>
</ul>
<h3>2. Search using operators</h3>
<p>There are a few search operators that we can use in our search to quickly get the desired results.&nbsp;</p>
<p>A few operators are: #, @, $, -, .., *, OR, AND, :before, :after etc</p>
<h4>Search hashtags:</h4>
<p>Using <strong>#</strong> infront of keyword, searches for that particular hash-tagged posts from various social media sites.</p>
<ul style="list-style: '🔎';">
<li>#newyear</li>
</ul>
<h4>Search social media:</h4>
<p>Use <strong>@</strong> to search in a social media for the keywords.&nbsp;</p>
<ul style="list-style: '🔎';">
<li>rare flowers @twitter</li>
</ul>
<h4>Search for a particular price product:</h4>
<p>Use <strong>$</strong> infront of a number to search for that price.</p>
<ul style="list-style: '🔎';">
<li>mobile $100</li>
</ul>
<h4>Search within a range of numbers:</h4>
<p>Use <strong>..</strong> (two dots) to search within a range of numbers, which could be prices, years etc.&nbsp;</p>
<ul style="list-style: '🔎';">
<li>camera $300..$500</li>
</ul>
<h4>Search with optional keywords:</h4>
<p>Use <strong>*</strong> (asterisk) to search for something when you are not sure of certain keywords in your search.</p>
<ul style="list-style: '🔎';">
<li>learn * in a month</li>
</ul>
<h4>Search by excluding certain keywords:</h4>
<p>Use <strong>-</strong> (hypen or dash) to omit certain keyword results from your search results. This is useful to quickly filter out ambiguous results.</p>
<ul style="list-style: '🔎';">
<li>jaguar -car</li>
</ul>
<h4>Search one or more combinations:</h4>
<p>Use <strong>OR</strong> to combine search results for multiple keywords. Make sure that <em>OR</em> is in capital letters else it won't work.</p>
<ul style="list-style: '🔎';">
<li>new car OR bike</li>
</ul>
<h4>Search for common results:</h4>
<p>Use <strong>AND</strong> operator to get results that are common to both keywords. Make sure <em>AND</em> is in capital letters.</p>
<ul style="list-style: '🔎';">
<li>gps for car AND bike</li>
</ul>
<h4>Search by time:</h4>
<p>You can use <strong>before:</strong> or <strong>after:</strong> flags to search results before or after a particular time.</p>
<ul style="list-style: '🔎';">
<li>cryptocurrency before:2015</li>
<li>cryptocurrency after:2017</li>
</ul>
<h3>3. Search for the exact image size</h3>
<p>This is one of the best google tricks ever you could find. Using <strong>imagesize:</strong> flag followed by <strong>widthxheight</strong> you can search for the exact size images using google.</p>
<p>This is highly useful for quickly finding the social media covers, profile pics, or website placeholder images of particular sizes etc.</p>
<p><em>Do not give any spaces in between the width and height.</em></p>
<ul style="list-style: '🔎';">
<li>rare flowers imagesize:1500x500</li>
</ul>
<h3>4. Reverse image search</h3>
<p>You can do a reverse image search that is, search using an image instead of keywords and find where it is all used or find similar type of images.</p>
<p>To search by image head over to <a href="https://images.google.com/" target="_blank" rel="noopener">images.google.com</a> and upload an image you want to find search results for.</p>
<h3>5. Filter search results using <span style="text-decoration: underline;">Tools</span> menu</h3>
<p>When you do a google search, based on the type of search, <strong>Tools</strong> menu provides different filters using which you can filter out results selectively.&nbsp;</p>
<p>For instance when you do a text or all media search, you can see filter by time option using <em>Tools</em> menu.&nbsp;</p>
<p>But when you do a video search, that is you select the <strong>videos</strong> in the Google search menu bar, you can find various filters when you go to <strong>Tools </strong>menu. You will see filter by duration, time, quality, closed captions, video source etc.&nbsp;</p>
<p>Tools menu becomes so handy for filtering the search results directly without needing to use search flags or operators.&nbsp;</p>
<h3>6. Open search results in a new tab</h3>
<p>Quite often people want to open search results in different tabs from Google SERP(Search Engine Results Page) without actually navigating back and forth.&nbsp;</p>
<p>Using <strong>Ctrl</strong> + Clicking the result will open the article/site in a new tab. But you can achieve this directly by updating your Google settings.</p>
<p>To open results in a new tab always:</p>
<ol>
<li>Go to <strong>Google's homepage</strong></li>
<li>Click <strong>Setting</strong> at the bottom right corner</li>
<li>Select <strong>Search settings</strong></li>
<li>Scroll down to find <strong>Where results open&nbsp;</strong>and check the box under it.</li>
<li>Scroll down to the bottom and click the <strong>Save</strong> button. That's it.</li>
</ol>
<p>And every time you click the result on the SERP, it will open in a new tab, voila!</p>
<h3>7. Change the number of search results per page</h3>
<p>By default 10 Google results are shown per page and the other results are paginated at the bottom.&nbsp;</p>
<p>If you are someone who wants to have more results per page, then you could do that by going to the Google settings from the homepage bottom right corner &gt; Search settings &gt; Search results &gt; Results per page.&nbsp;</p>
<p>Adjust the number of results you want per page, it would be multiples of 10 and then save the settings. That's it you'll see the set number of results per page every time you do a query on Google.</p>
<h3>8. Enable google dark mode</h3>
<p>We all have seen and used Google in light mode for years. But you can enable the dark mode if you want.&nbsp;</p>
<p>To enable google dark theme go to settings from bottom right corner &gt; Search settings &gt; Appearance &gt; Select <strong>Dark theme&nbsp;</strong>and click save.</p>
<h3>9. Funny google tricks</h3>
<p>There are a few funny tricks that gets activated when you type certain keywords in the Google's search box.</p>
<p>A few funny Google keywords are:</p>
<ul>
<li><a href="https://www.google.com/search?q=do+a+barrel+roll" target="_blank" rel="noopener">do a barrel roll</a> - this will roll the Google's search results page like a barrel</li>
<li><a href="https://www.google.com/search?q=askew" target="_blank" rel="noopener">askew</a> - this will tilt the search page like the Leaning Tower of Pisa</li>
<li><a href="https://www.google.com/search?q=anagram" target="_blank" rel="noopener">anagram</a> - this will show, if you mean to search for <strong>nag a ram</strong>, which is an anagram for anagram</li>
<li><a href="https://www.google.com/search?q=animal+sounds" target="_blank" rel="noopener">animal sounds</a> - this will show a list of animal sounds that you can hear directly from the SERP</li>
<li><a href="https://www.google.com/search?q=pacman" target="_blank" rel="noopener">pacman</a> - this will show the pacman game right in the results page where you can play it</li>
</ul>
<p>For more funny tricks you should see the Google's mirror site.</p>
<h3>10. Google mirror site</h3>
<p>There's a site with a domain name in the reverse order of the Google, called elgooG. This is an unofficial site claimed to be Google's mirror with some interesting and funny stuff.</p>
<p>The domain of the site is elgoog.im which means to say I'm elgooG.&nbsp;</p>
<p>There are so many easter eggs related to Google results page on this elgooG site.&nbsp;</p>
<p>You can visit this <a href="https://elgoog.im/" target="_blank" rel="noopener">elgoog</a> site and have fun with google gravity, thanos trick, google in 1998 etc all tricks.</p>
<p>That is all about the tricks to use Google smartly and effectively.</p>
<p>This article covers all the essential tricks that you ever need while searching on Google.&nbsp;</p>
<p>If you have any such interesting or useful trick, then do share it with us and we'll update it here.&nbsp;</p>

Here are the Google tricks that help to use Google in the most effective manner. Knowing to google effectively is a great time-saving skill.

Google tricks to google like a pro

Google tricks that make you pro at googling anything

<p>Microsoft Edge browser is a chromium-based browser, it is the same open-source software that Google Chrome uses.&nbsp;</p>
<p>Google Chrome has been the most popular browser since 2008 because of its performance, amazing features, and timely security updates. Until the last few years, there were no browsers that could match up with Chrome's performance.</p>
<p>But when Microsoft Edge became a chromium-based browser it started adding some of the coolest features in terms of performance and reliability. Now it is getting traction and has the true potential to overtake Google's chrome browser.&nbsp;</p>
<p>At present Edge has an edge in so many features compared to the chrome browser. In some instances, Edge is found to be faster than Chrome browser and it's no joke.&nbsp;</p>
<p>Once you start using the edge browser, you may never think of leaving it because of the experience and the features it provides.&nbsp;</p>
<p>There are some of the best features in the Edge browser that will make you fall in love with it.</p>
<p>Let's see all those amazing features of the Edge browser and then you decide how really amazing they are.&nbsp;</p>
<h2 style="text-align: center;">10 amazing Microsoft Edge tips and tricks</h2>
<h3>1. Generate QR codes</h3>
<p>With one click you can create a QR code of any website and download it.</p>
<p>Visit any site that you want to generate the QR code for and <em>right-click</em> somewhere on that site to see the context menu and select/click <em>Create QR code for this page&nbsp;</em>to generate the QR code.&nbsp;</p>
<p>You can also additionally click on the search box to see the QR code icon on the right side and clicking that icon will also generate the QR code for that webpage.</p>
<p><img style="display: block; margin-left: auto; margin-right: auto;" src="https://res.cloudinary.com/cloudtale/image/upload/v1643187918/devapt/qr-code-generator-edge.png" alt="QR-code-generator-edge-browser" width="450" height="238" /></p>
<h3>2. Screen read text</h3>
<p>Edge has an inbuilt text reader with about 40+ voices including regional languages. This is an amazing feature to listen to the text on the news or highly text-based sites.&nbsp;</p>
<p>To activate reading mode just type ↪ <strong>Ctrl</strong> + <strong>Shift</strong> + <strong>U</strong> by visiting the page you want. Alternatively, you can select any particular text and <em>right-click</em> and then select <em>Read aloud</em>&nbsp;from the context menu to read it out.</p>
<p>You can also randomly listen to the text by clicking on it when the reading mode is on.</p>
<p>You can use the controls for starting or pausing the voice. By using the voice options you can switch to different voices and accents. You can also adjust the speed of the reader. Basically, it provides almost all the features of a stand-alone screen reader.</p>
<p><img style="display: block; margin-left: auto; margin-right: auto;" src="https://res.cloudinary.com/cloudtale/image/upload/v1643188190/devapt/screen-reader-edge-browser.png" alt="Screen-reader-edge-browser" width="613" height="312" /></p>
<h3>3. Take screenshots</h3>
<p>Edge browser has an inbuilt screen capture tool using which you can quickly take a screenshot of a particular area or a full webpage.&nbsp;</p>
<p>To take a screenshot type ↪ <strong>Ctrl </strong>+ <strong>Shift</strong> + <strong>S</strong>, you will get two options to select, <em>Capture area</em> and <em>Capture full page&nbsp;</em>based on your selection you can take the screenshot.&nbsp;</p>
<p>Soon after capturing you can draw or doodle on the image quickly and save it or copy the image or even can share it directly with the share option. It got to be just so handy without having to use extensions or external applications for this.&nbsp;</p>
<p><img style="display: block; margin-left: auto; margin-right: auto;" src="https://res.cloudinary.com/cloudtale/image/upload/v1643188585/devapt/screenshot-edge-browser.png" alt="Screenshot-edge-browser" width="613" height="312" /></p>
<h3>4. Share links in a click</h3>
<p>No more you have to copy the link and go to a particular social media or mailing application for sharing the links of the sites that do not have share buttons now.</p>
<p>With just one click you can share any website link with the social media applications you use. <em>Right-click</em> on the webpage and select/click the <em>share</em> option and then you'll be shown with the sites/apps to share the link with. That simple it is.</p>
<p><img style="display: block; margin-left: auto; margin-right: auto;" src="https://res.cloudinary.com/cloudtale/image/upload/v1643188944/devapt/sharing-links-edge-browser.png" alt="Sharing-links-edge-browser" width="473" height="293" /></p>
<h3>5. Get citation details</h3>
<p>This is a highly useful feature for college students or researchers to cite the details of web pages for the research or journal papers.&nbsp;</p>
<p>Go to the more options by clicking the three dots or by pressing ↪ <strong>Alt</strong> + <strong>F</strong> and select <em>More tools&nbsp;</em>and from there click <em>Cite this&nbsp;</em>option.</p>
<p>You can get citations as per the IEEE, Harvard, and various other formats. You can enter author, title, DOI, publication date, volume, issue, etc all details related to the particular citation format and get it nicely formatted in just a few clicks.&nbsp;</p>
<p><img style="display: block; margin-left: auto; margin-right: auto;" src="https://res.cloudinary.com/cloudtale/image/upload/v1643190070/devapt/citations-edge-browser.png" alt="Citation-detals-edge-browser" width="521" height="312" /></p>
<h3>6. Solve math problems</h3>
<p>The most amazing feature is this, you can solve various kinds of math problems just by scanning. It's an AI math solver inbuilt in the Edge browser.&nbsp;</p>
<p>You can solve any arithmetic, linear, quadratic, higher degree polynomial, matrix, and even complex numbers, etc problems just by scanning. It also shows steps involved in solving the problem.</p>
<p>This could be very handy for research students while reading papers to crosscheck the equations or problems listed.&nbsp;</p>
<p><img style="display: block; margin-left: auto; margin-right: auto;" src="https://res.cloudinary.com/cloudtale/image/upload/v1643190586/devapt/math-solver-edge-browser.png" alt="Math-solver-edge-browser" width="521" height="312" /></p>
<h3>7. Share highlighted text of a site</h3>
<p>Sharing a webpage link to highlight certain text or details is very easy now using the text highlighting feature.&nbsp;</p>
<p>Just select any text you want on a webpage and <em>right-click</em> and then select <em>Copy link to highlight</em> option from the context menu. That's it the link gets copied to your clipboard which you can share on any site or application.&nbsp;</p>
<p><img style="display: block; margin-left: auto; margin-right: auto;" src="https://res.cloudinary.com/cloudtale/image/upload/v1643191018/devapt/copy-link-highlight-edge-browser.png" alt="Copy-highlighted-text-link-edge-browser" width="559" height="279" /></p>
<h3>8. Immersive reader</h3>
<p>Edge has an immersive reading option to read text on websites without any distraction from ads and other content.&nbsp;</p>
<p>Immersive reader provides amazing learning and accessibility tools, such as Read aloud, Text preferences, Grammar tools, and more.&nbsp;</p>
<p>To enable immersive reader just click the speaker icon on the extreme right of the search bar. Sometimes it may not show up directly, for that just scroll down the page and reload the page to see that icon.</p>
<p><strong>Tip:</strong> When certain sites bug you to disable the ad blocker or don't allow you to read the text until subscribed, you can enable this immersive reader mode to bypass those and it works like a charm on most of the sites.&nbsp;</p>
<p><img style="display: block; margin-left: auto; margin-right: auto;" src="https://res.cloudinary.com/cloudtale/image/upload/v1643191317/devapt/immersive-reader.png" alt="Immersive-reader-edge-browser" width="322" height="279" /></p>
<h3>9. Save sites using a collection</h3>
<p>Collections is a very nice feature that exists in the Edge browser. Using this you can quickly add your favorite web pages or sites to a collection. You can organize collections at your convenience. This is a cool and handy feature like bookmarking.&nbsp;</p>
<p>To add any site to your collections just <em>right-click</em> and select <em>Add page to collections</em> and then pick your collection to add to.</p>
<p><img style="display: block; margin-left: auto; margin-right: auto;" src="https://res.cloudinary.com/cloudtale/image/upload/v1643191742/devapt/collections-edge-browser.png" alt="Collections-edge-browser" width="481" height="312" /></p>
<h3>10. Add extensions from the chrome store</h3>
<p>You can add any extensions from the chrome store easily, and all work perfectly in the Edge browser. This could be highly useful when you want to maintain the same tools as in a chrome browser and have all your working extensions with you.</p>
<p>There are a few other very interesting features in the Edge browser like, you can enable edge bar for multi-tasking and browse webpages as a secondary tab, you can change the direction of your tabs from horizontal to vertical, and vice-versa, etc.&nbsp;</p>
<p>Let us know which of the above-listed features are really amazing to you. If you know any other features that are worth mentioning here do let us know through comments.&nbsp;</p>

Microsoft Edge browser is based on chromium opensource project similar to the Google chrome. Here are some of the amazing features you should know in edge.

Posts tagged with Tips

Chrome extension to convert text to image instantly

10 JavaScript tips and tricks that makes you a better dev

Google tricks that make you pro at googling anything

10 amazing Microsoft Edge tips and tricks you should know