Skip to content
geeksforgeeks
  • Tutorials
    • Python
    • Java
    • Data Structures & Algorithms
    • ML & Data Science
    • Interview Corner
    • Programming Languages
    • Web Development
    • CS Subjects
    • DevOps And Linux
    • Software and Tools
    • School Learning
    • Practice Coding Problems
  • Go Premium
  • DSA
  • Practice Problems
  • C
  • C++
  • Java
  • Python
  • JavaScript
  • Data Science
  • Machine Learning
  • Courses
  • Linux
  • DevOps
  • SQL
  • Web Development
  • System Design
  • Aptitude
  • GfG Premium
Open In App
Next Article:
How to Install Microsoft Edge Browser on Windows ?
Next article icon

Microsoft Edge - How to Get Started

Last Updated : 21 Apr, 2025
Comments
Improve
Suggest changes
Like Article
Like
Report

Learn what's new in Microsoft Edge - Microsoft Edge has become one of the most popular web browsers, known for its speed, security features, and seamless integration with the Windows ecosystem. Whether you're new to Edge or looking to explore its advanced features, this tutorial will guide you through the essential steps to get started with Microsoft Edge in 2025.

From setting up the browser to syncing your data across multiple devices, customizing your Edge experience, and using advanced security tools, this guide ensures you're making the most of what Microsoft Edge has to offer. Plus, we’ll explore key features like Microsoft Defender SmartScreen, Password Manager, extensions, and Edge’s performance enhancements, making browsing safer and more efficient.

Follow this step-by-step tutorial to learn how to easily navigate Microsoft Edge, optimize its features, and use it to enhance your browsing experience today

Microsoft-Edge-Complete-Guide
Microsoft Edge Complete Guide

Why Choose Our Microsoft Edge?

Experience faster browsing, enhanced security, seamless integration, and innovative features designed to elevate your online experience.

  • Lightning-Fast Performance: Built on Chromium for speed and efficiency.
  • Advanced Security: Integrated tracking prevention and Microsoft Defender SmartScreen.
  • Seamless Integration: Syncs effortlessly with Microsoft 365 and Windows.
  • Productivity Tools: Built-in features like Collections, Vertical Tabs, and Immersive Reader.

History of Edge Browser

  • Inception in 2015: Edge was first introduced with Windows 10 in July 2015, replacing Internet Explorer as the default browser on Windows.
  • Transition to Chromium: In 2020, Microsoft shifted to Chromium rendering engine for Edge. It is the same engine used by chrome browser as well.
  • Continual Updates: Edge receives regular updates and improvements, ensuring that users have access to the latest features and security enhancements.
  • Market Presence: Edge aims to regain a significant presence in the web browser market by offering a modern browsing experience.
  • Cross-Platform Availability: Edge is available not only on Windows but also on macOS, Android, and iOS. Therefore, it is highly accessible.

Components of Edge Browser

  • Chromium Rendering Engine: Edge is built on the Chromium open-source project, which provides a stable and reliable rendering engine for web content.
  • Chakra JavaScript Engine: This engine is used by Edge for fast and efficient execution of JavaScript code.
  • Multi-Process Architecture: Edge uses a multi-process architecture where each tab and each browser extension runs in its own separate process. This design boosts security and stability because if one tab or extension crashes, it doesn't affect the entire browser.
  • InPrivate Browsing Mode: In this mode, Edge does not retain browsing history, cookies, or site data after the user closes the private browsing session. This way privacy and anonymity is enhanced.
  • Extensions: Browsing experience can be customised by adding extensions from Edge Add-ons Store. These enhance the functionality and features of the browser. They can be installed from Edge Add-ons Store.
  • Settings and Preferences: Settings menu allows you to configure various aspects of your browsing experience, including privacy settings and appearance preferences.

Working of Edge Browser

  • Upon opening Edge, you encounter tabs, Omnibox, and a toolbar. These elements serve as tools for web navigation.
  • You can enter keywords, and Edge displays relevant pages.
  • Webpages are written in HTML, CSS, and JavaScript, but Edge browser interprets the code for interactive browsing.
  • Edge stores data in cache files to enhance page loading speed.
  • For private browsing, use the InPrivate browsing mode, which doesn't retain history, cookies, or cache files.
  • You can extend Edge browser's functionality with extensions and add-ons.

Introduction to Microsoft Edge

Learn what's new in Microsoft Edge - Get started with Microsoft Edge, the modern browser designed for speed, security, and productivity. This section provides an overview of its features, benefits, and why it’s a top choice for browsing.

  • What is Microsoft Edge? Overview and Features
  • Understanding the Edge Browser
  • Key Features of Microsoft Edge
  • Benefits of Using Microsoft Edge

Download and Install Microsoft Edge Browser

Learn how to download and install Microsoft Edge on your preferred operating system. Whether you’re using Windows, Linux, or MacOS, this section guides you through the setup process.

  • Downloading & Installing Edge in Windows
  • Downloading & Installing Edge in Linux
  • Downloading & Installing Edge in MacOS

Setting Up Microsoft Edge

Customize your browsing experience by setting up Microsoft Edge to suit your preferences. This section covers importing bookmarks, customizing settings, and more.

  • Import Bookmarks & Preferences
  • Customize Default Settings

Navigation and Interface

Explore the user-friendly interface of Microsoft Edge. This section helps you understand the layout, tabs, bookmarks, and other navigation tools for seamless browsing.

  • Interface Overview
  • Address Bar (Omnibox)
  • Tabs and Windows
  • Bookmarks
  • Notifications
  • Home and Pages (New Tab)

Basic Features

Master the essential features of Microsoft Edge, including display settings, screenshots, collections, and password management. This section is perfect for beginners.

  • Display
    • Split Screen
    • Screenshots
  • Collections
    • Reorder Cards
    • Create a Note
    • Export
  • Passwords & Autofills
    • Import/Export Passwords
    • Save & Manage
    • WebAuthn Tool
    • Password Generator

Privacy and Security

Discover how Microsoft Edge keeps your browsing secure and private. Learn about InPrivate browsing, tracking prevention, and tools like SmartScreen.

  • InPrivate Browsing
  • Tracking Prevention
  • SmartScreen
  • Enable/Disable SmartScreen
  • Best Browser Extensions for Privacy
  • Reading View & Immersive Reader
  • Focus Mode
  • Translate Language

Advanced Features

Unlock the full potential of Microsoft Edge with advanced features like syncing across devices, extensions, profiles, and media tools.

  • Syncing Across Devices
  • Shortcut Keys
  • Extensions
    • Installation Guide
    • Manage
    • Best Edge Extensions
  • Profiles
    • Manage
    • Setup Multiple Users
  • Media Tool
  • Compatibility Mode (for older versions)
  • Hidden Tricks
  • Task Manager (Developer Mode)

Productivity

Boost your productivity with hidden tricks and tools in Microsoft Edge. Learn about sleeping tabs, Lighthouse, and other time-saving features.

  • Enable/Disable Sleeping Tabs
  • Lighthouse
  • Change Search Engine
  • Rendering Tool
  • Tools (Summarization)
  • Tools & Features
  • Sensors Tool
  • Animation Tool

Core Developer Tools

This category covers the essential tools for debugging, inspecting, and optimizing web applications. These tools are fundamental for front-end and back-end developers working with HTML, CSS, JavaScript, and network performance.

  • Developer Tools (Overview)
  • New Features
  • Welcome Tool
  • Elements Tool
    • Elements Tool for HTML, CSS and DOM
  • Debugging JavaScript
    • Detached Elements Tool
    • Find unused JS and CSS code
    • Disable JavaScript
  • View Formatted JSON
  • Console Tool
  • Run JavaScript Console
  • Source Maps Monitor Tool
  • Coverage Tool
  • Network Console
  • Network Tool
  • Breakpoints
  • Network Conditions Tool
  • Application Tool
  • Local Storage
    • Manage Storage using Application Tool
  • Downloads
  • Inspect & Modify CSS animations
    • Inspect CSS Grid

Advanced and Specialized Tools

This category focuses on advanced debugging, testing, and specialized tools for developers who need to tackle complex issues, automate workflows, or integrate with frameworks like WebView2.

  • Memory Inspector Tool
  • Device Emulation
  • 3D View Tool (Layout debugging)
  • Changes Tool
  • Automated Browser Testing with Edge and Selenium in Python
  • CSS Font Style and Properties in Styles Pane
  • Quick Source
  • Search and Source Tools
    • Search Tool
    • Sources Tool
  • WebView2 and Integration
    • WebView2
    • WebView2 (Duplicate Article)

Troubleshoot

Resolve common issues and optimize Microsoft Edge for better performance. This section covers troubleshooting, debugging, and performance tools.

  • Optimize
    • JavaScript Profiler Tool
  • Cookies & Cache
  • Fix Download Issues
  • Debug Background Services
  • Issues Tool
  • Security Tool
  • Reset
  • Performance Tool
  • Network Requesting Blocking

Comparisons and Rewards

Compare Microsoft Edge with other popular browsers and explore its unique rewards program. This section helps you understand how Edge stacks up against competitors.

  • Edge vs Firefox
  • Microsoft Edge vs Safari
  • Google Chrome vs Microsoft Edge
  • Opera vs Edge
  • Architecture
  • Microsoft Edge Rewards

How-To Guides

Step-by-step guides to help you solve specific problems or perform tasks in Microsoft Edge. This section is perfect for quick troubleshooting and learning.

  • How to Fix Microsoft Edge Slow Speed?
  • How to Open Microsoft Edge Browser using Selenium in Java?
  • How to Run Edge Driver in Selenium Using Eclipse?

Features of Edge Browser

Microsoft Edge is a fast and secure browser with useful features to improve your browsing experience. It also helps protect your privacy while making it easy to access your favorite sites and services.

FeatureDescription
SpeedFast performance and quick page loading.
Microsoft DefenderBuilt-in security to protect against malicious sites.
PrivacyTracking prevention and InPrivate mode for better privacy.
CollectionsSave and organize web content easily.
Web CaptureTake screenshots and annotate web pages.
Vertical TabsManage tabs vertically for more screen space.
Immersive ReaderSimplify web pages for a distraction-free reading experience.
PDF ReaderBuilt-in PDF viewer with annotation and form-filling features.
ExtensionsSupports Chrome extensions and Edge-specific add-ons.
Microsoft IntegrationSeamless connection with Microsoft services like Office and OneDrive.
Password ManagerBuilt-in tool for storing and autofilling passwords securely.
SyncSync browsing data across devices with a Microsoft account.
GamingXbox Cloud Gaming integration for better gaming support.

Next Article
How to Install Microsoft Edge Browser on Windows ?

T

tavleen_kaur
Improve
Article Tags :
  • TechTips
  • Microsoft Edge

Similar Reads

    Microsoft Edge - How to Get Started
    Learn what's new in Microsoft Edge - Microsoft Edge has become one of the most popular web browsers, known for its speed, security features, and seamless integration with the Windows ecosystem. Whether you're new to Edge or looking to explore its advanced features, this tutorial will guide you throu
    7 min read
    How to Install Microsoft Edge Browser on Windows ?
    Microsoft Edge is a cutting-edge web browser that has rapidly gained popularity among users worldwide. With its sleek interface, improved speed, and a wide array of features Edge has become a formidable player in the web browser market. Developed by tech giant company Microsoft, it boasts seamless i
    2 min read
    How to Browse in Microsoft Edge Browser
    Microsoft Edge has evolved significantly over the years and is now a powerful web browser that offers not just a fast browsing experience but a suite of advanced features for security, privacy, and productivity. With its modern Chromium-based engine, Edge is designed to provide a smoother, more effi
    6 min read
    Bookmark in Microsoft Edge Browser
    When you come across a webpage that you like and want to revisit later, you can save it using the bookmarking feature in your browser. Just like when reading a book we use a bookmark to mark the page so that we can come back where we left off, a browser too has a bookmark feature but for web pages i
    3 min read
    Debugging JavaScript in Microsoft Edge Browser
    While working with JavaScript, we often encounter several errors but finding them out is truly an arduous task. So, in this article, we will learn how to debug JavaScript in Microsoft Edge. Steps to debug the JavaScript in Microsoft EdgeFinding the bugBeing familiar with sources tool UIUse a breakpo
    6 min read
    Basic and advance shortcut keys in Microsoft Edge Browser
    Microsoft Edge is a fast, secure, and modern web browser that offers a variety of shortcut keys that can save time and speed up your workflow. In this article, we'll explore both basic and advanced shortcut keys in Edge to navigate the browser with ease and efficiency. Table of Content Benefits of S
    3 min read
    How to View and Edit local Storage in Microsoft Edge Browser
    Local Storage in Microsoft Edge is a key component for web developers, allowing websites to store data locally in the user's browser. This feature is especially useful for saving preferences, session data, or even small-scale databases that need to persist between sessions. If you're looking to view
    5 min read
    Hidden tricks inside Microsoft Edge Browser
    The company’s new improved browser- Microsoft Edge also came up with several secret ones which improve usability as well as productivity. Such “underground treasures” are usually underestimated yet have a great potential to enhance web navigation abilities and ease up everyday routines. This guide l
    5 min read

    Edge Tools

    Welcome Tool in Microsoft Edge Browser
    The Welcome tool in Microsoft Edge is just a tab providing various information about the browser's release notes, links for various documents, and videos of everything related to Edge Browser. The whole tab has two sections: one is the Learn section, which contains various links to Edge-related docu
    5 min read
    DevTools in Microsoft Edge Browser
    The Edge browser provides a wide range of tools that can be used to debug or inspect a webpage, these set of tools can be used from a sub-window called Development tools or DevTools. You can check for responsiveness, performance, and network request or edit styles in the browser itself, you can also
    15+ min read
    Network Tool in Microsoft Edge Browser
    The Network Tool is used to view the various network request and corresponding responses of the web page. It provides various types of information about the request such as hearde, payload and initiator. You are also allowed to set various network conditions or filter in the requests or set network
    5 min read
    Network Conditions Tool in Microsoft Edge Browser
    The Network Conditions Tool provides various options to simulate the various network conditions, which helps to check the web page behavior in real-life situations where the network conditions vary a lot. The conditions the toll provides are disabling cache, network throttling, user agents, and acce
    4 min read
    Issues with Microsoft Edge's Developer Tools
    When developing and testing web applications, identifying and troubleshooting issues is crucial for ensuring performance and functionality. Microsoft Edge’s Issues Tool is a valuable resource for web developers, offering an easy way to detect issues with web performance, accessibility, and features
    6 min read
    How to Use the Sensors Tool in Microsoft Edge
    The Sensors tool in the Microsoft Edge Developer Tools is an essential feature for developers who want to simulate and test how their website or web app interacts with device sensors. These sensors include things like geolocation, device orientation, and motion sensors. By using the Sensors tool, de
    7 min read
    3D View Tool in Microsoft Edge Browser
    The 3D View Tool is used to get a 3D visualization of the site to check the different layers and z-index of the sites, which is not easy to debug. The tool provides very clean and colorful visuals and provides good movement controls around the 3D view. The various details, such as size and memory co
    9 min read
    3D View Tool in Microsoft Edge Browser
    The 3D View Tool is used to get a 3D visualization of the site to check the different layers and z-index of the sites, which is not easy to debug. The tool provides very clean and colorful visuals and provides good movement controls around the 3D view. The various details, such as size and memory co
    9 min read
    Detached Elements Tool in Microsoft Edge Browser
    The Detached Elements Tool is used to find all detached elements in the JS code that cannot be garbage collected. Detached elements are those elements that are removed or are not attached to the DOM, but because in JS some objects are referencing these elements, the garbage collector in the browser
    4 min read
    Animation Tool in Microsoft Edge Browser
    The Animation Tool in Edge can be used by developers to visualize the animations and modify them. The tool provides various options to replay or preview animations and modify their various properties such as time, delay, etc. Dealing with animations can take time to analyze and make corrections but
    4 min read
    Changes Tool in Microsoft Edge Browser
    The Changes Tool in Edge acts as a history page for various changes made to the webpage source files. While using multiple DevTools, you may knowingly or unknowingly change many things related to the web page's CSS and JS code. To check all these changes, which you may use to change your actual sour
    4 min read
    Network Console Tool in Microsoft Edge Browser
    The network console is one of the developer tools offered by Microsoft Edge, a web browser. It provides a picture of network activity during web page loading for web developers and analysts. The Network Console aids in optimizing web page speed and troubleshooting network-related problems by capturi
    4 min read
    Console Tool in Microsoft Edge Browser
    The Console tool is used to check JS errors and warnings but it can also be used to manipulate the JS of the webpage. The tool can also be used alongside other DevTools as by default it is present in the drawer of the DevTools. Overview of Console ToolThe console tools are present in the DevTools of
    7 min read
    Memory Inspector Tool in Microsoft Edge Browser
    The Memory Inspector Tool is used to view Array Buffer and also provide the ASCII representation of the data present in the memory. Typed Array. In the tool the developer inspect different types of memory objects and check if correct values are present in correct memory location. Overview of Memory
    7 min read
    Search Tool in Microsoft Edge Browser
    The Search Tool is Edge find characters in the webpage HTML,CSS, JS and image files. You can search by entering text or regular expression in the input field. The tool saves a lot of time in finding the required file.Benefits of Search ToolSupport for regular expression: Other that just text you can
    3 min read
    Elements Tool in Microsoft Edge Browser
    The Elements Tool provides the HTML and CSS code of the webpage. This code can be modified to check the changes live in the browser itself and you can also check the layout and colors used in the elements of the webpage. The elements in the webpage are the various nodes, text, attributes, and attrib
    9 min read
    Security Tool in Microsoft Edge Browser
    Security too is used to view HTTPS security information to make the site secure for the users. The various origins of the web page is displayed in this tab and various origins that the websites uses for resources are also mentioned in this tab.Benefits of Security ToolThe various benefits of Securit
    3 min read
    Application Tool in Microsoft Edge Browser
    The application tool provides all kinds of information about a web app, which helps the developers get an idea related to the web app. Some of this information is manifest, service workers, storage, etc., which you can use to check for background processes and test for PWA. The application tool prov
    9 min read
    Rendering Tool in Microsoft Edge Browser
    The Rendering Tool provides various checkboxes and options to render the web page in different ways, which helps developers test the page for layout and design. You will also find various CSS options and various vision deficiencies that you can emulate using this tool.Benefits of a Rendering ToolThe
    6 min read
    WebAuthn Tool in Microsoft Edge Browser
    In this article, we will learn about the WebAuth tool in the Edge browser. The Microsoft Edge browser offers a variety of features and services. One of them is WebAuth, which is a short form of Web authentication. It is defined as a standard for the web that the Wide Web Consortium and the FIDO intr
    4 min read
    Memory Tool in Microsoft Edge Browser
    The Memory Tool in Edge allows you to capture the memory heap and provides various views to view that information. The tool provides various profiles for capturing web page memory information. The information mainly consists of retained size and shallow size, which provide information about the obje
    8 min read
    Inspect Tool in Microsoft Edge Browser
    The Inspect Tool in Microsoft Edge is a powerful web development feature that helps web developers troubleshoot and modify the structure, layout, and functionality of web pages, which includes HTML, CSS, and JavaScript code. This tool is an integrated part of the browser's Developer Tools, which off
    3 min read
    Performance Tool in Microsoft Edge Browser
    The Performance Tool in Edge provides views, graphs, charts, timelines, and various other information related to the web page's performance. The tool records the performance and displays it in a timeline view along with various graphs, charts, and other views that can be used to inspect networks, fr
    6 min read
    Sources Tool in Microsoft Edge Browser
    The Sources Tool in Microsoft Edge is used to inspect and edit the JS code present on the web page. You also get debugging tools to debug the code and view the changes live on the web page. It acts as a code editor built into the browser, providing features such as formatting, color code, a file/fol
    7 min read
    Coverage Tool in Microsoft Edge Browser
    The Coverage Tool is a very basic tool that displays various files requested by the webpage to the server. It provides various information about the file such as URL, type, total bytes, and unused bytes. The tool is mostly used to find out the JS and CSS code that is not being used by the site. This
    4 min read
    Coverage Tool in Microsoft Edge Browser
    The Coverage Tool is a very basic tool that displays various files requested by the webpage to the server. It provides various information about the file such as URL, type, total bytes, and unused bytes. The tool is mostly used to find out the JS and CSS code that is not being used by the site. This
    4 min read
    Elements Tool for HTML, CSS and DOM in Microsoft Edge Browser
    The Elements tool in Microsoft Edge is accessed from the Developer Tools. It gives you a hierarchical presentation of the HTML structure of a webpage and lets you explore, alter, and test CSS styles as well as the DOM. Web developers and designers require this tool to inspect and manipulate web page
    4 min read
    Quick Source Tool in Microsoft Edge
    The Quick Source Tool is used to edit or view files on the web page. This is a lite version of the Sources tool used alongside other DevTools without the need for switching tabs. You can override the files according to your needs and view the changes live on the web page.Table of ContentBenefits of
    3 min read

    Edge Operations

    Find unused JS and CSS code in Microsoft Edge Browser
    During the development of websites developers may leave some unused JS and CSS code in the production. These unused JS and CSS codes are being downloaded by the browser when the site is visited by the user and can result in slowing down the page loading time, increase in internet consumption or incr
    3 min read
    Disable JavaScript in Microsoft Edge Browser
    There can be various reason to disable JavaScript in Edge browser. It may be for testing purpose to check how the website renders without JavaScript or to improve personal experience. There are two ways to disable JavaScript in Edge: Using Site Permission in Setting page Using Command Menu in Develo
    2 min read
    How to View and Edit local Storage in Microsoft Edge Browser
    Local Storage in Microsoft Edge is a key component for web developers, allowing websites to store data locally in the user's browser. This feature is especially useful for saving preferences, session data, or even small-scale databases that need to persist between sessions. If you're looking to view
    5 min read
    Managing Cookies in Microsoft Edge: Viewing, Editing, and Deleting
    Cookies are small files that store information about your browsing activity, such as your login credentials, preferences, and site settings. While cookies are useful for enhancing the browsing experience, they can also impact your privacy and website performance. Microsoft Edge provides tools to man
    8 min read
    Device Emulation in Microsoft Edge Browser [Full Guide]
    Testing your website or web app on various devices is essential to ensure it offers a consistent and responsive user experience across different screen sizes. Device emulation in the Microsoft Edge browser allows developers and designers to simulate how their site or application will appear on vario
    10 min read
    CSS Font Style and Properties in Styles Pane in Microsoft Edge Browser
    In Edge, the Elements tool Styles Pane provides a font editor to change the CSS font family and properties. This helps developers quickly check for different font styles and properties. The webpage directly updates with any changes made to the Font Editor in the Styles Pane.Benefits of Font Editor i
    3 min read
    Inspecting CSS Grid in Microsoft Edge Browser
    CSS has grid layouts, which allow developers to arrange elements in rows and columns. In DevTools, the Elements tool provides a layout pane where you can customize various options related to the inspection of any grid layout on the page.Benefits of inspecting the CSS gridThe various benefits of insp
    4 min read
    Running JavaScript in Console in Microsoft Edge Browser
    JavaScript is an important programming language that is mainly developed for web use cases and it plays a vital role in improving the responsiveness and usefulness of websites. On the other hand, Microsoft Edge is a web browser that offers a built-in JavaScript engine for development. So here, we'll
    3 min read
    Network Request Blocking in Microsoft Edge Browser
    One can manage network requests with Microsoft Edge using a feature called Block Network Request. Developers can control network activities. This is helpful for reasons like debugging, security, and page load optimization. In this article, we will understand how to block network activities with this
    4 min read
    Sending Web API requests using Network Console Tool in Microsoft Edge Browser
    Application programming interface testing, sometimes known as API testing, is a subset of software testing that focuses on evaluating the interactions between various APIs and specific API functions. We can test the API in many ways such as accessing the endpoints through the Postman, browser, etc.
    3 min read
    Breakpoints in Microsoft Edge Browser
    Microsoft Edge is a widely used web browser known for its excellent developer tools that help web developers in creating and fine-tuning websites. One of the essential features of these tools is breakpoints, which help in debugging and improving the performance of web applications. Breakpoints allow
    5 min read
`; $(commentSectionTemplate).insertBefore(".article--recommended"); } loadComments(); }); }); function loadComments() { if ($("iframe[id*='discuss-iframe']").length top_of_element && top_of_screen articleRecommendedTop && top_of_screen articleRecommendedBottom)) { if (!isfollowingApiCall) { isfollowingApiCall = true; setTimeout(function(){ if (loginData && loginData.isLoggedIn) { if (loginData.userName !== $('#followAuthor').val()) { is_following(); } else { $('.profileCard-profile-picture').css('background-color', '#E7E7E7'); } } else { $('.follow-btn').removeClass('hideIt'); } }, 3000); } } }); } $(".accordion-header").click(function() { var arrowIcon = $(this).find('.bottom-arrow-icon'); arrowIcon.toggleClass('rotate180'); }); }); window.isReportArticle = false; function report_article(){ if (!loginData || !loginData.isLoggedIn) { const loginModalButton = $('.login-modal-btn') if (loginModalButton.length) { loginModalButton.click(); } return; } if(!window.isReportArticle){ //to add loader $('.report-loader').addClass('spinner'); jQuery('#report_modal_content').load(gfgSiteUrl+'wp-content/themes/iconic-one/report-modal.php', { PRACTICE_API_URL: practiceAPIURL, PRACTICE_URL:practiceURL },function(responseTxt, statusTxt, xhr){ if(statusTxt == "error"){ alert("Error: " + xhr.status + ": " + xhr.statusText); } }); }else{ window.scrollTo({ top: 0, behavior: 'smooth' }); $("#report_modal_content").show(); } } function closeShareModal() { const shareOption = document.querySelector('[data-gfg-action="share-article"]'); shareOption.classList.remove("hover_share_menu"); let shareModal = document.querySelector(".hover__share-modal-container"); shareModal && shareModal.remove(); } function openShareModal() { closeShareModal(); // Remove existing modal if any let shareModal = document.querySelector(".three_dot_dropdown_share"); shareModal.appendChild(Object.assign(document.createElement("div"), { className: "hover__share-modal-container" })); document.querySelector(".hover__share-modal-container").append( Object.assign(document.createElement('div'), { className: "share__modal" }), ); document.querySelector(".share__modal").append(Object.assign(document.createElement('h1'), { className: "share__modal-heading" }, { textContent: "Share to" })); const socialOptions = ["LinkedIn", "WhatsApp","Twitter", "Copy Link"]; socialOptions.forEach((socialOption) => { const socialContainer = Object.assign(document.createElement('div'), { className: "social__container" }); const icon = Object.assign(document.createElement("div"), { className: `share__icon share__${socialOption.split(" ").join("")}-icon` }); const socialText = Object.assign(document.createElement("span"), { className: "share__option-text" }, { textContent: `${socialOption}` }); const shareLink = (socialOption === "Copy Link") ? Object.assign(document.createElement('div'), { role: "button", className: "link-container CopyLink" }) : Object.assign(document.createElement('a'), { className: "link-container" }); if (socialOption === "LinkedIn") { shareLink.setAttribute('href', `https://www.linkedin.com/sharing/share-offsite/?url=${window.location.href}`); shareLink.setAttribute('target', '_blank'); } if (socialOption === "WhatsApp") { shareLink.setAttribute('href', `https://api.whatsapp.com/send?text=${window.location.href}`); shareLink.setAttribute('target', "_blank"); } if (socialOption === "Twitter") { shareLink.setAttribute('href', `https://twitter.com/intent/tweet?url=${window.location.href}`); shareLink.setAttribute('target', "_blank"); } shareLink.append(icon, socialText); socialContainer.append(shareLink); document.querySelector(".share__modal").appendChild(socialContainer); //adding copy url functionality if(socialOption === "Copy Link") { shareLink.addEventListener("click", function() { var tempInput = document.createElement("input"); tempInput.value = window.location.href; document.body.appendChild(tempInput); tempInput.select(); tempInput.setSelectionRange(0, 99999); // For mobile devices document.execCommand('copy'); document.body.removeChild(tempInput); this.querySelector(".share__option-text").textContent = "Copied" }) } }); // document.querySelector(".hover__share-modal-container").addEventListener("mouseover", () => document.querySelector('[data-gfg-action="share-article"]').classList.add("hover_share_menu")); } function toggleLikeElementVisibility(selector, show) { document.querySelector(`.${selector}`).style.display = show ? "block" : "none"; } function closeKebabMenu(){ document.getElementById("myDropdown").classList.toggle("show"); }
geeksforgeeks-footer-logo
Corporate & Communications Address:
A-143, 7th Floor, Sovereign Corporate Tower, Sector- 136, Noida, Uttar Pradesh (201305)
Registered Address:
K 061, Tower K, Gulshan Vivante Apartment, Sector 137, Noida, Gautam Buddh Nagar, Uttar Pradesh, 201305
GFG App on Play Store GFG App on App Store
Advertise with us
  • Company
  • About Us
  • Legal
  • Privacy Policy
  • In Media
  • Contact Us
  • Advertise with us
  • GFG Corporate Solution
  • Placement Training Program
  • Languages
  • Python
  • Java
  • C++
  • PHP
  • GoLang
  • SQL
  • R Language
  • Android Tutorial
  • Tutorials Archive
  • DSA
  • Data Structures
  • Algorithms
  • DSA for Beginners
  • Basic DSA Problems
  • DSA Roadmap
  • Top 100 DSA Interview Problems
  • DSA Roadmap by Sandeep Jain
  • All Cheat Sheets
  • Data Science & ML
  • Data Science With Python
  • Data Science For Beginner
  • Machine Learning
  • ML Maths
  • Data Visualisation
  • Pandas
  • NumPy
  • NLP
  • Deep Learning
  • Web Technologies
  • HTML
  • CSS
  • JavaScript
  • TypeScript
  • ReactJS
  • NextJS
  • Bootstrap
  • Web Design
  • Python Tutorial
  • Python Programming Examples
  • Python Projects
  • Python Tkinter
  • Python Web Scraping
  • OpenCV Tutorial
  • Python Interview Question
  • Django
  • Computer Science
  • Operating Systems
  • Computer Network
  • Database Management System
  • Software Engineering
  • Digital Logic Design
  • Engineering Maths
  • Software Development
  • Software Testing
  • DevOps
  • Git
  • Linux
  • AWS
  • Docker
  • Kubernetes
  • Azure
  • GCP
  • DevOps Roadmap
  • System Design
  • High Level Design
  • Low Level Design
  • UML Diagrams
  • Interview Guide
  • Design Patterns
  • OOAD
  • System Design Bootcamp
  • Interview Questions
  • Inteview Preparation
  • Competitive Programming
  • Top DS or Algo for CP
  • Company-Wise Recruitment Process
  • Company-Wise Preparation
  • Aptitude Preparation
  • Puzzles
  • School Subjects
  • Mathematics
  • Physics
  • Chemistry
  • Biology
  • Social Science
  • English Grammar
  • Commerce
  • World GK
  • GeeksforGeeks Videos
  • DSA
  • Python
  • Java
  • C++
  • Web Development
  • Data Science
  • CS Subjects
@GeeksforGeeks, Sanchhaya Education Private Limited, All rights reserved
We use cookies to ensure you have the best browsing experience on our website. By using our site, you acknowledge that you have read and understood our Cookie Policy & Privacy Policy
Lightbox
Improvement
Suggest Changes
Help us improve. Share your suggestions to enhance the article. Contribute your expertise and make a difference in the GeeksforGeeks portal.
geeksforgeeks-suggest-icon
Create Improvement
Enhance the article with your expertise. Contribute to the GeeksforGeeks community and help create better learning resources for all.
geeksforgeeks-improvement-icon
Suggest Changes
min 4 words, max Words Limit:1000

Thank You!

Your suggestions are valuable to us.

What kind of Experience do you want to share?

Interview Experiences
Admission Experiences
Career Journeys
Work Experiences
Campus Experiences
Competitive Exam Experiences