手机赌博app

免费注册送18元现金如何用概率学计算彩票-河南理工大学

免费注册送18元现金久久棋牌-WesternAnhuiUniversity

Master Chrome Developer Tools - The Best Feature of Google Chrome You Aren't Using

M
Published in: Google Chrome - Web Design

手机赌博appgoogle chrome is an awesome web browser but there’s an even more awesome feature built right inside chrome that most of us rarely use - it’s called chrome developer tools. let the word “developer” not intimidate you because us regular chrome users, or non-developers, can also benefit from having some basic knowledge of chrome dev tools.

手机赌博appdid you know that you can use chrome as a wysiwyg editor for web pages? or that chrome can work as a maths calculator? or that you can perform date calculations inside chrome? this will walk you through a couple of examples where you can use developers tools.

Chrome Developer Tools for Non-Developers

open this inside google chrome on desktop and then press ctrl + shift + i on the keyboard (or cmd + shift + i on the mac) to open chrome dev tools. now click the magnifying glass icon in the lower left corner of chrome, hover your mouse over the page headline and double-click the selected html code in the dev tools to edit that headline.

1. Rearrange the text and images on a page

with chrome dev tools, you can easily change of the order of elements as they appear on a page by simply dragging them with your mouse. click the magnifying glass icon, hover over any element of the page - be it text paragraphs, images, or list items - and then drag that selection to place it at a different location.

order-list-items

2. Experiment with different colors

Web pages often use the hexadecimal format手机赌博app for writing colors but if the #AABBCC format makes no sense to you, just write the color names in plain English like Gold, Aqua and more. Just type the first character and Chrome Dev Tools will show all the available colors that begin with that letter.

change-colors

3. Reveal the Hidden Passwords

Chrome may auto-fill the password field on a login form of a web page but you can’t view that password as it’s hidden behind asterisk characters. You can however use Chrome Dev Tools to change the type of the password input field from “password” to “text” and reveal the hidden password.

4. Edit your Web Pages inline

Web pages are non-editable in the browser but there’s a little trick that will let you edit web pages inline as you do in a word processor. Open Chrome Dev Tools, switch to the Console tab and type document.body.contenteditable=true手机赌博app at the command prompt. Voila! The page becomes editable.

content-editable

5. Chrome as a Calculator

while the console tab is active, you can write arithmetic expressions and also perform date calculations like how many days between two dates or write a date as a human-readable string. a little know of the in javascript will come handy. chrome stores the value of the previous calculation in a special \$_ variable that can be used in lengthy calculations.

date-calculations

6. Extract Information from a Web Page

you can run multi-line commands in the console window to parse and extract data from web pages. for instance, \$\$(‘a’) selector will hold all the hyperlinks that are embedded in a page. you can then use a simple for loop to export these hyperlinks as plain text.

urls = \$\$(‘a’); for (url in urls) console.log ( urls[url].href );

export-url-list

7. Fake your Location

Some web may request your geo-location for personalization and with Chrome Dev Tools, you can easily fake the location. Click the Settings gear in Dev Tools and share a different set of values with that site.

手机赌博appplease watch the for more tips.

Best Resources for Learning Chrome Dev Tools

here are some good online resources that will help you master chrome dev tools.

  •  - This online class by Paul Irish of Chrome team will help you try and explore all the features of Chrome Dev Tools.
  •  - Official documentation with plenty of tips and tricks to help you master  Developer Tools.
  • - Patrick Dubroy of the Chrome team provides an in-depth demonstration of some of the lesser-known features of Chrome Dev Tools.
  •  - Ilya Grigorik, developer advocate at Google, discusses the advanced features of Dev Tools.
  • - Paul Irish again discussing the new features of Chrome Dev Tools at that Google I/O event.
Published in: Google Chrome - Web Design

looking for something? find here!

免费注册送18元现金幸运28两分钟开一次-ChinaAgriculturalUniversity

meet the author

Web Geek, Tech Columnist
A
Amit Agarwal

Amit Agarwal is a Google Developer Expert in GSuite and Google Apps Script. He holds an engineering degree in Computer Science (I.I.T.) and is the first professional blogger in India. Read more on  and 

Get in touch
  • Send an email at
  • Follow on and .
  • Subscribe to our and never miss an update.
567棋牌 牛牛游戏app下载 588棋牌