Entries tagged "Google Chrome"

Trick Google Chrome Browser Window to Be Narrower Than 500 Pixels for Testing Responsive Designs

An issue I'm running into is that Google Chrome prevents its browser window from being narrower than 500 pixels. So I was using browsers, like Internet Explorer, to see how website designs adjust for small-screen devices. The problem is that I'm most familiar with the development tools available through Chrome. And there are times where it's easier to tweak the HTML and CSS code directly in Chrome versus going back to my normal code editor, editing the code, uploading the modified script, and then testing the changes. It turns out that there are a couple of options for addressing the issue. [Continue reading]

Adjust Page Break When Printing a Web Page to PDF

I wanted to print a web page to PDF, but some of the text was broken awkwardly between page one and two. The words were split so that the top of a word was on page one and the rest was on the next page. So I used the code inspector in Google Chrome to change the location of the page break. [Continue reading]

Prevent Browser Windows in Chrome from Closing When Multiple Tabs Are Open: An Alternate Approach

It's common for me to have several browser tabs open at the same time while developing a website. And since I use Google Chrome, I've been looking for a solution to prevent all those tabs from being accidentally closed. There used to be a plugin that worked perfectly, but the plugin is incompatible with the newer versions of Chrome. So my only option, besides switching browsers, was to be extra careful when closing a tab…or so I thought. [Continue reading]

How to Test Form Submissions: Using Google Chrome to Change Form Values

When forms are set to the POST method, it may not be apparent how you can test responses made through fields like radio buttons. Of course, you can click each radio button to make sure each individual value can be submitted. But how do you make sure that someone can't tamper with the form and submit an invalid value. Let's take a look at how the browser can help. [Continue reading]

Disable the Maxlength Attribute on Any HTML Form Field

HTML forms have a feature for limiting the amount of characters someone can enter into a field. While this feature can be useful, be aware that it is easy for the limitation to be bypassed. Let's take a quick look at one bypass method. [Continue reading]

Easy Way to Un-hide Passwords in the Log-in Forms You Use Everyday

Entering passwords into online forms can be challenging. Especially since most (if not all) log-in forms obscure the characters entered for the password. Don't get me wrong; I appreciate that passwords are being hidden. I just wish it was easier to un-hide them. Well, it turns out that there is a relatively quick way to view a password in browsers like Google Chrome. [Continue reading]

Experiment with CSS without Uploading Any Files

There are occasions where I upload the same CSS file dozens of times just to adjust padding around an image or to get a font size just right. Well, much of this work could be avoided by leveraging tools built into browsers like Google Chrome. We spent a little time in the last post talking about using the Developer Tools panel to remove content that gets in the way. This week we'll delve deeper and see how the Styles tab can help. [Continue reading]

Remove Items from Websites that Get in Your Way

Many websites I visit have pop-up advertising that is embedded within a page. These ads are typically layered over top of the content I want to see. The websites usually provide a way to close the ads, but what happens if the close button is missing? Or what if a website has a syntax error which causes elements on the page to overlap? You may be able to dig through the page's source code to find the content of interest…or you could get rid of the thing standing in your way. [Continue reading]

Reduce Hassle with Ad-Blocking Plug-ins

Installing ad-blocking plug-ins within my browser has been on my mind for a while now. There just haven't been a lot of reasons to follow through with the installation process. It's not that the plug-ins are difficult to install; it's actually very simple. It's just been easy enough to ignore much of the advertisements out there. There have been a number of websites, however, which are trying hard to make ads difficult to miss. Some even resort to trickery for getting a few clicks. [Continue reading]

Hiding Browser Windows with Chrome Toolbox

The more I use Google Chrome, the more it bothers me that the browser doesn't prevent windows with multiple tabs from being accidental closing. Other browsers have a warning before the window closes. At least there are browser extensions, such as Chrome Toolbox, to make up for the shortcoming. As an added bonus, Chrome Toolbox adds shortcuts for hiding browser windows. [Continue reading]