Tag Archives: Google

Analyze-It, Browser Extension, Google-Music-Search, Google-Open-Storage-Search, Google-Translate-It, Internet Explorer, Javascript, Look-It-Up, Plurk-It, Share-It, Windows

IE11 Menu Addons – New Version – 1 – Happy New Year!

New Internet Explorer 11 Menus Version

 

This release basically fixes a few bugs and adds Google Music Search to the menu. I’ll be using whole numbers from now on on these installers (just makes things easier). I had to remove tumblr from the menu as their format changed (no more sharing with a GET request). Fixed the Fetch and Guess tools to be compliant with their new versions – so they should work properly. The spaces in query bug in Google Open Storage search was fixed – so multi word queries work properly.

Download and Install IE11 Menu Addons for Windows 7, 8, and 8.1

New Version Completed – Read and download from here.

If you’re paranoid about the download – the hash values for the file are listed on the Repo page.

Advertisement
Standard
Google Chrome, Javascript, NodeJS, Opera

Video – Memory Management Masterclass with Addy Osmani

Really good video on managing memory using Google Chrome Dev Tools.
From YouTube:Published on Sep 2, 2014

Addy is a senior engineer on the Chrome web engineering team, focusing on tools to help improve developer productivity and satisfaction. He works on Polymer – a Web Component library, is the the lead engineer on Yeoman and Web Starter Kit and regularly writes about web application architecture and the front-end. Outside of Google, Addy enjoys both hacking on open-source projects like TodoMVC and Grunt-UnCSS. He has authored books on JavaScript design patterns and frameworks.

Efficient JavaScript webapps need to be fluid and fast. Any app with significant user interaction needs to consider how to effectively keep memory usage down because if too much is consumed, a page might be killed, forcing the user to reload it and cry in a corner. Automatic garbage collection isn’t a substitute for effective memory management, especially in large, long-running web apps. In this talk we’ll walk through how to master the Chrome DevTools for effective memory management. Learn how to tackle performance issues like memory leaks, frequent garbage collection pauses, and overall memory bloat that can really drag you down.


Standard
Android, Google Chrome, Mobile Web

Debugging Mobile Web Pages using Google Chrome Developer Tools on an Android device setup

Mobile device usage is said to exceed desktop/laptop usage in the near future. The mobile web is expected to grow exponentially as a result. This post covers setting up the mobile developer tools included in Google Chrome to debug mobile web pages running on Android. Being able to debug your mobile web pages on an actual device is the best way to see how your pages will look and behave. Google provides excellent facilities for this. To do this you’ll need a desktop or laptop, an Android device and a USB cable to connect them together.

Debugging google.com using Chrome Canary and Chrome Beta on Android

Debug mobile pages running on your Android device from the desktop setup steps

  • Install Google Chrome Canary. You cannot inspect the page running on the Android without this debug build installed on your development box. (regular Google Chrome will not allow you to inspect the page)
  • Install Google Chrome Beta on your Android
  • Enable Developer Mode on your Android device
    • Enabling developer mode on your Android device differs from build to build.
    • The most common way is to go to Settings->About(device or tablet) and scroll down to the Build Number. Then click on it seven times. You should see a popup after the first few clicks indicating how many times you have to continue to enable developer mode.
    • If that does not work consult your Android documentation.
    • If all else fails install the USB Debug application from the play store (this worked for me on Android 4.04)
  • Now you must enable USB Debugging which is listed under the Developer options menu item inside the Settings menu on the Android. (If you installed the USB Debug application – just run the app and choose it from there)
  • On your development box (laptop, desktop,..) start up Canary and open a Tab to chrome://inspect
  • On the Android start up Chrome Beta and open up a page (any page will do just to get started)
  • Now plug the Android device into your development system with the USB cable.
  • Back on your development system, on the chrome://inspect page make sure the Discover USB Devices box is checked and wait for your device to show up in the list below.

If you followed the outline above you should see your Android device listed along with any open tabs that may be open in Google Chrome Beta on the Android. From your development desktop you now have complete control over Google Chrome Beta on on your Android. You can open new tabs, reload a tab, close a tab, and inspect the document opened in a tab with Chrome developer tools. Once you start inspecting pages you can screencast what is displayed on the Android by hitting the mobile icon on the inspector toolbar. Now, you can inspect elements graphically on the screencast screen.

Debugging development server mobile pages on your Android device

In order to set up debugging your mobile pages from a local server on your Android device you must enable port forwarding inside of Canary on your development box.

  • Set up your local server to use port 8080 as default is the easiest way as Chrome Canary has that set by default.
    • On Apache edit the httpd.conf to default to 8080 instead of 80
  • If you’re entering a new port forwarding entry you cannot use port 80 or 443 – Chrome Canary will not allow you to set up port forwarding on them.

With that out of the way you should be able to open up pages hosted on your local development server on your Android device for debugging. There you have it – short n sweet ;^>

References

Standard
Browser Extension, Google Chrome, Google-Groups-Search, Javascript

Google Chrome Extension – (Google) Groups Search, an Omnibox extension

Google Groups Search is an Omnibox browser extension that allows you to search Google Groups from the browser. To use, type ‘ggs’ & space, and a query term into the Omnibox. The search result for your query will open up in a new tab.

manifest.json


{
	"name" : "Groups Search",
	"short_name": "ggs Search",
	"description" : "To use, type 'ggs' & space, and a query term into the Omnibox. timothytocci.com",
	"version" : "0.1",
	"background" : {
		"scripts" : ["background.js"]
	},
	"omnibox" : {
		"keyword" : "ggs"
	},
	"icons" : {
		"16" : "ggs_16.png",
		"32" : "ggs_32.png",
		"48" : "ggs_48.png",
		"128" : "ggs_128.png"
	},
	"manifest_version" : 2
}

background.js


chrome.omnibox.onInputEntered.addListener(function (text) {
	var createProperties = {
		url : "https://groups.google.com/forum/#!search/"
		 + encodeURIComponent(text)
	};
	chrome.tabs.create(createProperties);
});
chrome.omnibox.onInputStarted
.addListener(function () {
	var suggestion = {
		description : "Search Google Groups for the query: %s "
	}
	chrome.omnibox.setDefaultSuggestion(suggestion);
});

Install (Google) Groups Search Search Extension (chrome store)

Standard