N a g a s a i: Browsers

Showing posts with label Browsers. Show all posts

Monday, January 09, 2017

Top 20 Developer Tools of 2016

Here are the list of top 20 Developer utilities that are must to have for Developer.

GitKraken: The downright luxurious Git GUI client for Windows, Mac, and Linux.
Atom: A hackable text editor for the 21st Century.
VS Code: A free, lightweight tool for editing and debugging web apps.
Git: A free and open source distributed version control system.
GitHub: A web-based Git repository hosting service.
Visual Studio: Developer tools and services for any platform with any language.
Sublime Text: A sophisticated text editor for code, markup, and prose.
Chrome DevTools: A set of web authoring and debugging tools built into Google Chrome.
Docker :An open platform for developers and system administrators to build, ship, and run distributed applications.
GitLab: Git repository management, code reviews, issue tracking, activity feeds, and wikis.
IntelliJ IDEA: A Java IDE.
PhpStorm : A commercial, cross-platform IDE for PHP.
Postman: A powerful GUI platform to make your API development faster & easier.
ReSharper : A Visual Studio extension for .NET developers.
Slack: Real-time messaging, archiving, and search for modern teams.
PyCharm: An IDE used specifically for Python.
Android Studio: The official IDE for Android platform development.
Notepad++: A free source code editor which supports several programming languages running under the MS Windows environment.
Xcode : an IDE for macOS/and iOS development.
Stack Overflow: The largest online community for programmers to learn, share their knowledge, and advance their careers.

Sunday, June 05, 2016

Browser support and comparisons

Recently found a amazing site www.caiuse.com which is Useful to web designers/developers.

"Can I use" provides up-to-date browser support tables for support of front-end web technologies on desktop and mobile web browsers.

Very useful and I recommend this!

Thursday, October 16, 2014

How To Disable Right Click Using jQuery

There are many different ways where we can disable right click on browser but using jQuery its very easy with one line of code.

Add the below code into the head section of your web page.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
        $(document).bind("contextmenu", function (e) {
            e.preventDefault();
        });
    });
</script>

Sunday, August 24, 2014

How To Copy Content From a protected Webpage

Sometimes it is very annoying when you want to copy any news or article or anything that you want to save and when you right clicks on it but it shows “Right click disabled”. Here are some tips that can be useful on different browsers

For Mozilla FireFox:

Step 1: Open any website that have blocked your right click.
Step 2: Go to Tools>Options>Content
Step 3: Uncheck the box “Enable JavaScript”
Step 4: Click OK

For Internet Explorer:

Step 1: Open the site.
Step 2: Go to Tools>Internet options>Security
Step 3: Now Click on Custom Level
Step 4: Now find Scripting Section it will be around the end.
Step 5: Now disable Active Scripting.This will disable JavaScript and vbscript in your browser.
Step 6:Click on OK.

For Google Chrome:

Step 1: Open the site.
Step 2: Go to settings.
Step 3: Expand Show Advance settings, On Privacy tab.Click on Content Settings.
Step 4: Disable java script and open the website.

Thursday, August 07, 2014

How to enable browser compatibility mode for your website

After every browser major release there will be something's which always mess up. Can’t say its always but it has happened so far :- )

So you might asked to force to the stable version of the browser to make sure your web application renders well in the browser. Here are some things we can add to existing page to make sure it works in the compatible mode by forcing the version we would like to render.

Method 1: If its at page level.

<head>
  <!-- Mimic Internet Explorer 9 -->
  <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE9" >
  <title>My webpage</title>
</head>

Method2: You can do the same globally in web.config by adding code like below

<?xml version="1.0" encoding="utf-8"?>
<configuration>
  <system.webServer>
    <httpProtocol>
      <customHeaders>
        <clear />
        <add name="X-UA-Compatible" value="IE=EmulateIE9" />
      </customHeaders>
    </httpProtocol>
  </system.webServer>
</configuration>

The value attribute is used to set the default render engine to render page. If you are looking for IE8 compatibility use the following code

<add name="X-UA-Compatible" value="IE=EmulateIE8" />

we can also use this tag

<add name="X-UA-Compatible" value="IE=Edge" />

IE=edge indicates that IE should always use its latest rendering engine to render the page. This should ensure the page is rendered consistently with other browsers and in a standards-compliant manner

The following is the documentation that I've used to try understand how IE decides to actually trigger the compatibility mode.

http://msdn.microsoft.com/en-us/library/ff406036%28v=VS.85%29.aspx

http://blogs.msdn.com/b/ie/archive/2009/02/16/just-the-facts-recap-of-compatibility-view.aspx

Saturday, November 26, 2011

Reopen the Last Browsing Session in Firefox

Mozilla Firefox offers tabbed browsing, the ability to open several Web pages in a single instance of Firefox, each page opening in a new tab. One convenient feature available in Firefox is the ability for the browser to save opened tabs from a session then restore them when you re-open the browser. This way you can pick back up browsing wherever you left off. Additionally, you can access tabs from a previous browsing session, even if this feature is disabled, if you accidentally closed the browser before you were finished working. Recently I ran into a problem by accidentally closing window. But no worries we can restore by setting few settings in Firefox.

Setup Firefox To Automatically Restore Browsing Session

Open the Firefox browser on your computer.
Click on the "Firefox" option from the file menu and select "Options." A new window will open.
Click on the "General" tab in the Options window.
Click the "When Firefox starts" drop-down menu under the "Startup" section and select, "Show my windows and tabs from last time."
Click "OK" to save your settings. Each time you close the browser Firefox saves any open tabs or windows and re-opens them automatically when you start the browser again.

Restore Tabs from Previous Browsing Session

Open the Firefox browser on your computer.
Click on the "Firefox" option from the file menu, select "History" then hover over "Recently Closed Tabs." A list of closed tabs from your previous browsing session will appear.
Scroll down and click on one of the recently closed tabs. It will automatically open in a new tab within Firefox.
Repeat Steps 2 and 3 until all tabs from your previous Firefox session appear in the browser.

Thursday, August 25, 2011

How to Close the Browser Window from a Silverlight Application

All secured sites ask you to close your browser window after you sign out from a web application. This is a security measure which actually removes all session details from the browser cache.

If you are developing a secured site and want to close the browser window just after the user logs out from the application, this small tip will help you. If you want to develop the same behavior in your Silverlight application, this is how we can do the trick.

Use the "System.Windows.Browser.HtmlPage.Window.Invoke()" method to call the Close() method of the browser window, as shown in the below code snippet:

private void OnWindowCloseClick(object sender, RoutedEventArgs e)

    System.Windows.Browser.HtmlPage.Window.Invoke("close");

The above code when called will close the browser window where your Silverlight application is hosted. If it is a tab, it will close the Window tab instead. If you are using it inside Internet Explorer, it will ask you whether you really want to close the browser. If you press "No", it will remain in that page, and clicking "Yes" will close the browser tab/window

Monday, August 01, 2011

Tips for Cross Browser Compatibility

Cross-browser compatibility is one of the most time consuming tasks for any web designer. We’ve seen many different articles over the net describing common problems and fixes. There are some things you should consider for Safari and Firefox also, and IE isn’t always the culprit for your CSS woes. Here is a quick summary of How to get Cross Browser Compatibility Every Time:

Always use strict doctype and standards-compliant HTML/CSS
Always use a reset at the start of your css
Use -moz-opacity:0.99 on text elements to clean up rendering in Firefox, and text-shadow: #000 0 0 0 in Safari
Never resize images in the CSS or HTML
Check font rendering in every browser. Don’t use Lucida
Size text as a % in the body, and as em’s throughout
All layout divs that are floated should include display:inline and overflow:hidden
Containers should have overflow:auto and trigger hasLayout via a width or height
Don’t use any fancy CSS3 selectors
Don’t use transparent PNG’s unless you have loaded the alpha

Tuesday, November 09, 2010

Happy Birthday, Firefox

Today marks the sixth birthday of the popular web browser Firefox. It was launched on November 9, 2004 as a lightweight and more secure alternative to Internet Explorer 6, which was the dominant browser at the time. Six years later, and Firefox is now the second most widely used browser with steady growth and 31.5% market share according to StatCounter. The next major version of Firefox, Firefox 4, was originally scheduled to be launched by the end of 2010 but was recently delayed into early 2011.

The new version will bring several important improvements like HTML5 support, redesigned user interface, multi-touch functionality, hardware-accelerated HD video and improved support for add-ons through Jetpack

Friday, November 05, 2010

RockMelt, the Social Savvy Browser

RockMelt, a new browser that lives in the cloud and uses Facebook authentication to synchronize a user’s browsing experience across machines, went into limited public beta today.

It was built around the premise that the browser is busted. The thought is that older browsers aren’t made for the way we now use the web, and maybe it’s a solid way of thinking. After all, browsing is a passive activity, and the Internet is increasingly about interaction.

There are some unique concepts here, namely the fact that RockMelt lives in the cloud. This allows your “browser experience” to be, in a way, profiled. Your settings, bookmarks, etc., are all backed up online.

Using Facebook for authentication, your user environment can be replicated anywhere RockMelt is installed. And really, that’s what RockMelt is all about: The user environment.

Users of Google Chrome will feel at home, because RockMelt is built on Chromium, the open source project behind Google’s browser. The major differences are columns running down each side of the browser.

The left side depicts your favorite Facebook contacts. When a contact is listed on the left bar, you’ll be able to quickly initiate Facebook chats with them or post content to their Facebook walls. You can also easily send them e-mails through the seamless contact pop out.

Straddling the right side is your bookmarks — and here’s another area where RockMelt’s cloud is put to clever use. Bookmarks are updated from the cloud, so content is cached and waiting for you when you log on.

All in all, RockMelt is an interesting twist on the browsing experience. The social elements of the browser make for a compelling and streamlined online interaction process. And because it’s powered by Chromium, it not only supports Chromeextensions, it’s guaranteed to support the latest and greatest aspects of the web, like HTML5 and CSS3.

Thursday, September 23, 2010

IE9: Top keyboard shortcuts

Set aside your mouse and use these keyboard shortcuts to help keep you browsing more efficiently. In Internet Explorer 9, some of your most frequent and essential tasks can be accomplished more quickly by using the keyboard.

Press this	To do this
Alt	Show the menu bar. After you make a selection, the menu bar goes away.
Alt+M	Go to your homepage.
Alt+C	View your favorites, feeds, and browsing history.
Ctrl+J	Open Download Manager.
Ctrl+L	Highlight the text in the Address bar.
Ctrl+D	Add a webpage to your favorites.
Ctrl+B	Organize your favorites.

How to uninstall Internet Explorer 9

Some users may have installed the beta of IE9 to just to have a sneak peak of it and want to go back to a previous version of Internet Explorer after testing the beta release on their computer. The question came up if the installation of Internet Explorer 9 affects another version of Internet Explorer on the operating system. The answer to that question was yes: Internet Explorer 9 replaces an older version of Internet Explorer during installation. So you need to uninstall IE9 to go back to stable version of Internet Explorer.
Unlike most other programs on your computer, however, you won't find IE9 listed on the Uninstall or change a program screen. Windows Internet Explorer 9 has been installed as a system update in the operating system.

Here's what you need to do to uninstall IE9 on Windows Vista or Windows 7:

Click Win+R and type appwiz.cpl. click your windows button and type view updates in the search box

Once the results appear, click view installed updates

Win+R

C:\Windows\explorer.exe shell:::{d450a8a1-9568-45c7-9c0e-b4f9fb4537bd}

Enter

Wait for the Uninstall an update screen to load completely

Scroll through the list until you find Windows Internet Explorer 9 (see fig below)

Click once to highlight IE9, then click the uninstall button (or right-click and uninstall)

Confirm that you want to uninstall (click yes)

Click one of the following:

Restart now (to finish the process of uninstalling Internet Explorer 9, and restore the previous version of Internet Explorer).
Restart later (to wait until you shut down or restart your computer).

Hope this helps!

Saturday, September 18, 2010

How to solve Internet Explorer 9 installation problems?

Problems having installing IE9 on Vista, Windows7 or Windows 2008. Here is a beautiful summary of troubleshooting these issues from Microsoft. This URL have all the necessary information about Pre requisites and resolutions.

Click this URL for more information.

Thursday, September 16, 2010

Micrsoft launches new explorer IE9 beta

Microsoft is back to take its internet explorer turf from Google Chrome and Firefox with newly launched beta version of Internet Explorer 9 (IE9). Microsoft claims that IE9 delivers faster speed as it uses HTML5 and new web technologies like CSS3 and SVG2 and GPU for acceleration.

Check out the new developer capabilities of Internet Explorer 9 here at IE9 Test Drive.

IE9 will only be available for Windows Vista and Windows 7 -- those still using XP will have to stay with IE8.

There are many new features in IE9.

Some of them are listed below,

- A completely new design
- Pinned sites
- A download manager
- Enhanced tabs
- New tab page
- Search directly in the address bar
- Notification bar
- Add-on performance advisor
- Hardware acceleration.

Using Internet Explorer 9, you can pin sites like Hotmail, CNN and Facebook to your taskbar and then launch them like an app. To pin, just grab the tab in the browser and drag it to your taskbar.

You can Download IE9 beta from this link.

Monday, September 13, 2010

Firefox: Windows Authentication

Do you have an Intranet or a similar web site that requires the use of Integrated Windows Authentication? If so the default Firefox browser settings will always prompt you for a username and password first before accessing a site using Integrated Window Authentication.

Fortunately Firefox has the slick ability to easily modify it's configuration to use Integrated Windows Authentication.

Configure Firefox

To enable windows authentication on your domain.

1. Open Firefox

2. Navigate to the url about:config

3. Locate the following preference names and put as the value the comma separated values of the address roots.

network.automatic-ntlm-auth.trusted-uris

network.negotiate-auth.delegation-uris

network.negotiate-auth.trusted-uris

Your value should look something like these localhost, server1, server2, serverX.. etc.

Thursday, July 29, 2010

How to: Javascript Loading Conditionally for IE

Loading Javascript conditionally for IE. When rendering fixes are needed for IE, you can enclose CSS, JavaScript, or HTML markup in conditional comment tags directed at one or more versions of IE with an "if" statement; IE will then execute the code specified within them, while all other browsers treat them as standard comment tags and ignore them. The "if" statement must reference IE in square brackets as shown below; in this example include script only for IE

<!--[if IE]>

    <script type="text/javascript">

        /*  Do Stuff */
    </script>
<![endif]-->

below example shows how to exclude a script block from IE:

<![if !IE]>

    <script type="text/javascript">

        /*  Do Stuff */

    </script>

<![endif]>

Conditional comments can also be targeted to a particular version of IE, or a subset of versions, like those released prior to IE7 or IE6

<!--[if lt IE 7]>

  <link rel="stylesheet" type="text/css" href="ie_fixes.css" />

<![endif]-->

Hope this helps!

Thursday, July 22, 2010

Browser : Epic

Bangalore-based startup, Hidden Reflex, has developed a browser for the Indian audience called Epic, thanks to Mozilla’s popular open-source platform. Though made on lines of the Firefox browser, it has many firsts

It’s the only browser that has an in-built anti-virus scanner and other unique privacy features like the flash cookie deletion.

Epic also has a side-bar with shortcut icons for frequently used applications and websites – all of which are a part of the 1500+ apps that ‘Epic’ boasts of.

Epic provides a uniquely Indian browsing experience. Epic's India sidebar supports Indian content by providing users access to the latest national and regional news from popular publications, live television channels, videos, stock quotes, live cricket scores, top music albums, and local events

My favourite, however, is the ‘type in Indian languages’ widget that can be done using the English script, which the browser instantly converts into the regional language chosen.

Users can choose from 1500+ customised Indian themes and wallpapers ranging from freedom fighters to famous Bollywood and regional film stars. Writing in Indian languages is supported throughout Epic. Users can instantly write in Indian languages on any webpage or in Write, Epic's free built-in word processor. Twelve Indian languages are currently supported. Free antivirus scanning and healing is built into Epic

Download Epic from here.

Friday, July 16, 2010

Karbon Flv Downloader for Firefox

Here is the nice plug-in you can add-on for Mozilla.

You Download and install Karbon here. Once you install this plug-in you can see an icon in the Mozilla status bar.

You can see the number of downloadable files. Click on Karbon icon to see all the downloadable files

You can Download FLVs and MP3s from almost any embedded web pages. Have Fun.

Tuesday, May 25, 2010

Disabling Browser Cache In C# and ASP.NET

Disable browser caching seems to revolve around how to make it work in IE, Mozilla and other browsers.

Here is the code that will disable browser cache. I have used this and it worked for me.

//Used for disabling page caching 
 HttpContext.Current.Response.Cache.SetExpires(DateTime.UtcNow.AddDays(-1));
 HttpContext.Current.Response.Cache.SetValidUntilExpires(false);
 HttpContext.Current.Response.Cache.SetRevalidation(HttpCacheRevalidation.AllCaches);
// Requires for IE
 HttpContext.Current.Response.Cache.SetCacheability(HttpCacheability.NoCache);
// Requires for Mozilla
 HttpContext.Current.Response.Cache.SetNoStore();

Monday, March 15, 2010

Browser Sandbox - Run any browser from the web

As a developer sometimes we face problems with compatibility issues on few versions of browsers, for that we need to test them on those browsers. So some times we need to have them installed on our system. I have found a wonderful utility to test my applications in all versions browsers in my machine without having them installed. This is a great utility for all the developers to test their applications to resolve browser compatibility issues.

Download and install this plug-in.

I personally found this very helpful. Hope this is useful for you.