<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>chrome Archives - scmGalaxy</title>
	<atom:link href="https://www.scmgalaxy.com/tutorials/tag/chrome/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.scmgalaxy.com/tutorials/tag/chrome/</link>
	<description>A Platform for Software Engineers</description>
	<lastBuildDate>Wed, 13 Apr 2022 16:34:46 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.1</generator>
	<item>
		<title>How many create cookies in JavaScript?</title>
		<link>https://www.scmgalaxy.com/tutorials/how-many-create-cookies-in-javascript/</link>
					<comments>https://www.scmgalaxy.com/tutorials/how-many-create-cookies-in-javascript/#respond</comments>
		
		<dc:creator><![CDATA[rajeshkumar]]></dc:creator>
		<pubDate>Sat, 14 Aug 2021 12:39:32 +0000</pubDate>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[chrome]]></category>
		<category><![CDATA[Cookies]]></category>
		<category><![CDATA[document object]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[property]]></category>
		<guid isPermaLink="false">https://www.scmgalaxy.com/tutorials/?p=7946</guid>

					<description><![CDATA[<p>JavaScript Cookies Cookies are exposed as the cookie property of the Document object. This property is both readable and writeable. [&#8230;]</p>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/how-many-create-cookies-in-javascript/">How many create cookies in JavaScript?</a> appeared first on <a href="https://www.scmgalaxy.com/tutorials">scmGalaxy</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<h1 class="wp-block-heading"><strong>JavaScript Cookies</strong></h1>



<p class="wp-block-paragraph">Cookies are exposed as the cookie property of the Document object. This property is both readable and writeable.</p>



<p class="wp-block-paragraph">You can see Cookies in Google Chrome by following chrome://settings/content/cookies</p>



<h1 class="wp-block-heading"><strong>Creating Cookies</strong></h1>



<p class="wp-block-paragraph">When you assign a string to document.cookie, the browser parses it as a cookie and adds it to its list of cookies. There are several parts to each cookies, many of them optional.</p>



<h2 class="wp-block-heading"><strong>Syntax: &#8211;</strong></h2>



<p class="wp-block-paragraph" id="block-0bbc4906-32da-4254-a4a7-5076d7e5c92b">document.cookie = “name=value”;<br>document.cookie = “name=value; expires=date; domain=domain; path=path; secure”;<br>document.cookie = “name=value; max-age=inSecond; domain=domain; path=path; secure”;</p>



<h2 class="wp-block-heading">Ex:-</h2>



<script src="https://gist.github.com/vijaypk376/67579ff638772d712da0e0b9f9596bc1.js"></script>



<h1 class="wp-block-heading"><strong>Creating Cookies</strong></h1>



<p class="wp-block-paragraph"><strong>Optional Cookies Attribute:-</strong></p>



<p class="wp-block-paragraph">max-age<br>expires<br>domain<br>path<br>secure</p>



<p class="wp-block-paragraph">Whenever you omit the optional cookie fields, the browser fills them in automatically with reasonable defaults.</p>



<h2 class="wp-block-heading"><strong>max-age</strong></h2>



<p class="wp-block-paragraph">It is used to create persistent cookies. It is supported by all modern browsers except IE.</p>



<p class="wp-block-paragraph"><strong>Type of cookies: &#8211;</strong></p>



<ul class="wp-block-list"><li>Session Cookies – Cookies that are set without the expires/max-age field are called session cookies. It is destroyed when the user quits the browser.</li><li>Persistent Cookies – The browser keeps it up until their expiration date is reached.</li></ul>



<h2 class="wp-block-heading">Ex:-</h2>



<script src="https://gist.github.com/vijaypk376/f1303dff9cb90e8d60788a9db973d9d8.js"></script>



<h1 class="wp-block-heading"><strong>expires</strong></h1>



<p class="wp-block-paragraph">It is used to create persistent cookies.</p>



<h3 class="wp-block-heading">Type of cookies: &#8211;</h3>



<ul class="wp-block-list"><li>Session Cookies – Cookies that are set without the expires/max-age field are called session cookies. It is destroyed when the user quits the browser.</li><li>Persistent Cookies – The browser keeps it up until their expiration date is reached.</li></ul>



<p class="wp-block-paragraph">E<strong>x:-</strong></p>



<p class="wp-block-paragraph">document.cookie = “username=devops; expires=Monday, 3-Sep-2018 09:00:00 UTC”;</p>



<h1 class="wp-block-heading"><strong>domain</strong></h1>



<p class="wp-block-paragraph">It specifies the domain for which the cookie is valid. If not specified, this defaults to the host portion of the current document location. If a domain is specified, subdomains are always included.</p>



<p class="wp-block-paragraph"><strong>Ex: &#8211;</strong></p>



<script src="https://gist.github.com/vijaypk376/cdde12250b6aee1fcd43e34322d6ed6f.js"></script>



<h1 class="wp-block-heading"><strong>path</strong></h1>



<p class="wp-block-paragraph">Path can be / (root) or /mydir (directory). If not specified, defaults to the current path of the current document location, as well as its descendants.</p>



<p class="wp-block-paragraph"><strong>Ex: &#8211; document.cookie = “username=devops; path=/”;</strong></p>



<p class="wp-block-paragraph"><strong>Ex: &#8211; document.cookie = “username=devops; path=/home”;</strong></p>



<h1 class="wp-block-heading"><strong>secure</strong></h1>



<p class="wp-block-paragraph">Cookie to only be transmitted over secure protocol as https. Before Chrome 52, this flag could appear with cookies from http domains.</p>



<p class="wp-block-paragraph"><strong>Ex: &#8211; document.cookie = “username=devops; secure”;</strong></p>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/how-many-create-cookies-in-javascript/">How many create cookies in JavaScript?</a> appeared first on <a href="https://www.scmgalaxy.com/tutorials">scmGalaxy</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.scmgalaxy.com/tutorials/how-many-create-cookies-in-javascript/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>What are the differences between HTML5 and HTML?</title>
		<link>https://www.scmgalaxy.com/tutorials/what-are-the-differences-between-html5-and-html/</link>
					<comments>https://www.scmgalaxy.com/tutorials/what-are-the-differences-between-html5-and-html/#respond</comments>
		
		<dc:creator><![CDATA[rajeshkumar]]></dc:creator>
		<pubDate>Thu, 13 May 2021 13:29:02 +0000</pubDate>
				<category><![CDATA[HTML]]></category>
		<category><![CDATA[chrome]]></category>
		<category><![CDATA[Javascript]]></category>
		<guid isPermaLink="false">https://www.scmgalaxy.com/tutorials/?p=6260</guid>

					<description><![CDATA[<p>What is HTML? HTML is for hypertext markup language. Browsers do not display HTML tags but are used to render [&#8230;]</p>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/what-are-the-differences-between-html5-and-html/">What are the differences between HTML5 and HTML?</a> appeared first on <a href="https://www.scmgalaxy.com/tutorials">scmGalaxy</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">What is HTML?</h2>



<p class="wp-block-paragraph">HTML is for hypertext markup language. Browsers do not display HTML tags but are used to render the content of the page. Hypertext is a special method by which we can roam the web by clicking on the hyperlinks that open the next page. Markup HTML tags such as that by which to open the tags with their inside text and off we can format the text, put hyperlinks, images and more. The HTML World Wide work the basic building blocks for the web. HTML was created in 1991 by Tim Berners-Lee, who is also the founder of the World Wide Web.</p>



<h2 class="wp-block-heading">What is HTML 5</h2>



<p class="wp-block-paragraph">HTML5 was released in 2014. HTML is placed on all over the Internet and updated with more features to make it more accessible. HTML5 is different from HTML, because all its features are supported in all browsers.HTML5 has been recommended by the W3C in 2012. This includes processing models, detailed parsing rules, error handling, canvas for drawing, and support for local storage. HTML5 begins to support geolocation APIs such as JavaScript APIs to identify location, cross-platform mobile application support. HTML5 defines a single markup language that can be written in HTML or XHTML language syntax and supports backward compatibility for the previous version 5.</p>



<h4 class="wp-block-heading">Differences Between HTML vs HTML5</h4>



<p class="wp-block-paragraph">HTML is an abbreviation for hypertext markup language, a combination of hypertext and Markup.HTML is the backbone of any website because it is a key part of every website&#8217;s MAR-end code. The use of HTML markup describes the structure of HTML pages or web pages.HTML5 is the 5th version of the HTML standard that was finalized. HTML5 supports integration of video and audio into the language. HTML5 reduces the need for third-party plugins and deprecated elements.</p>



<h4 class="wp-block-heading"><strong>The most important differences between HTML vs HTML5 are given below:</strong></h4>



<ul class="wp-block-list"><li>HTML is not supported in video and audio whereas in HTML5, video and audio are integrated into it.</li><li>HTML is compatible with almost all browsers, while HTML5 is supported by most modern browsers such as Firefox, Mozilla, and Chrome.</li><li>In HTML5, the tag can have only one attribute range and the value must be zero or one whereas in HTML we can have multiple attributes.</li><li>HTML is unable to handle incorrect syntax and other errors while HTML5 is capable of handling errors.</li><li>In HTML the tag was used as an anchor as well as to refer to a link while in HTML5 the tag is used only as a computer.</li><li>In HTML, the tag was used to display the abbreviation, whereas in HTML5 the tag is replaced by the tag which will be used for the same purpose.</li></ul>



<p class="wp-block-paragraph"></p>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/what-are-the-differences-between-html5-and-html/">What are the differences between HTML5 and HTML?</a> appeared first on <a href="https://www.scmgalaxy.com/tutorials">scmGalaxy</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.scmgalaxy.com/tutorials/what-are-the-differences-between-html5-and-html/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Debugging JavaScript with Chrome DevTools Breakpoints</title>
		<link>https://www.scmgalaxy.com/tutorials/debugging-javascript-with-chrome-devtools-breakpoints/</link>
		
		<dc:creator><![CDATA[rajeshkumar]]></dc:creator>
		<pubDate>Fri, 30 Apr 2021 06:39:34 +0000</pubDate>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[breakpoints]]></category>
		<category><![CDATA[chrome]]></category>
		<category><![CDATA[Debugging]]></category>
		<category><![CDATA[devtools]]></category>
		<category><![CDATA[Javascript]]></category>
		<guid isPermaLink="false">https://www.scmgalaxy.com/tutorials/?p=6004</guid>

					<description><![CDATA[<p>To debug JavaScript in Google Chrome use Developer ToolsTo set a breakpoint, simply click on the grey margin where you [&#8230;]</p>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/debugging-javascript-with-chrome-devtools-breakpoints/">Debugging JavaScript with Chrome DevTools Breakpoints</a> appeared first on <a href="https://www.scmgalaxy.com/tutorials">scmGalaxy</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">To debug JavaScript in Google Chrome use Developer Tools<br>To set a breakpoint, simply click on the grey margin where you see line numbers in the Sources tab<br>Stepping through the code-</p>



<p class="wp-block-paragraph"><strong>Step Over &#8211; F10<br>Step into &#8211; F11<br>Step out Shift+F11<br>Continue F8</strong></p>



<p class="wp-block-paragraph">You can also use the following buttons in the Developer tools to step through the code-</p>



<figure class="wp-block-image size-large"><img fetchpriority="high" decoding="async" width="1024" height="192" src="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/04/debugging-source-script-js-1024x192.png" alt="" class="wp-image-6007" srcset="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/04/debugging-source-script-js-1024x192.png 1024w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/04/debugging-source-script-js-300x56.png 300w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/04/debugging-source-script-js-768x144.png 768w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/04/debugging-source-script-js-1536x287.png 1536w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/04/debugging-source-script-js.png 1619w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">To set a conditional breakpoint, right click on the grey margin and select &#8220;add conditional breakpoint&#8221;</p>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="321" src="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/04/debugging-source-script-js-breakpoint-1024x321.png" alt="" class="wp-image-6006" srcset="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/04/debugging-source-script-js-breakpoint-1024x321.png 1024w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/04/debugging-source-script-js-breakpoint-300x94.png 300w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/04/debugging-source-script-js-breakpoint-768x241.png 768w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/04/debugging-source-script-js-breakpoint-1536x482.png 1536w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/04/debugging-source-script-js-breakpoint.png 1623w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">The Call Stack panel displays the complete excetion path and in this path where you want to breakpoint add select any line where auto color blue background that means javascript excution pouse at breakpoint.</p>



<figure class="wp-block-image size-large"><img decoding="async" width="282" height="45" src="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/04/debugging-Developer-tools.png" alt="" class="wp-image-6008"/></figure>



<p class="wp-block-paragraph">If you want to find a individual id then press</p>



<p class="wp-block-paragraph"><strong>Ctrl+shift+I</strong></p>



<p class="wp-block-paragraph">and go to console tab and select</p>



<p class="wp-block-paragraph"><strong>Ctrl+shift+F</strong></p>



<p class="wp-block-paragraph">and paste any id and press enter</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="374" height="124" src="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/04/debugging-stack-panel-displays.png" alt="" class="wp-image-6009" srcset="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/04/debugging-stack-panel-displays.png 374w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/04/debugging-stack-panel-displays-300x99.png 300w" sizes="auto, (max-width: 374px) 100vw, 374px" /></figure>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph"></p>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/debugging-javascript-with-chrome-devtools-breakpoints/">Debugging JavaScript with Chrome DevTools Breakpoints</a> appeared first on <a href="https://www.scmgalaxy.com/tutorials">scmGalaxy</a>.</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
