Posts Tagged ‘javascript’

CanIUse – Test Browser Compatibility with Web Technologies

Problem:

You’ve built an awesome web portal using HTML5 and some cool CSS features. You’re sure the portal will look amazing on Chrome. However, you’re wondering if the code will work on Safari or not. For that matter, you don’t even know if the code will work on a few old versions of Firefox or Microsoft’s Internet Explorer or not. What do you think should be done?

Solution:

You need cross browser testing for your web portal; meaning that, you need to run your code on different web browsers and various versions of them to find out the compatibility percentage of your portal. Only once you’re sure the portal will work perfectly on at least 95% of the web browsers should you think about launching it.

So do you have the necessary setup? Do know what all combinations of browsers and versions you need to perform the testing? Have you prepared a list of parameters on which to compare the test results?

Ok, relax. Don’t get all panicky. We keep monitoring the web for tools that offer solutions to different problems and as always, we have just the right tool to get you through this challenging task. Introducing – CanIUse.

caniuse

CanIUse – Online Browser Compatibility Testing Tool

CanIUse lets you conduct compatibility tests by providing up-to-date browser support tables. These tables can be used to check for support of front-end web technologies on desktop and mobile web browsers. The tool is targeted at web designers and developers whose major work revolves around creating cross-platform web applications and portals. It lets users check if an HTML or CSS feature works correctly on a particular version of a particular browser or not. It helps in giving designers a clear picture of how their designs would look on a particular environment and thus lets them create the perfect code.

Here are some striking pointers about CanIUse:

  • The support data used on CanIUse is free to use under the CC BY 4.0 license.
  • The raw support data is available on GitHub and is updated regularly.
  • CanIUse shows browser support for features that are likely to be eventually implemented by the majority of browsers.
  • Most information for the tool comes directly from the latest developer / preview / nightly builds.
  • A feature is regarded as “supported” if it is found to be usable in most cases.

With easy to remember color schemes marking positive or negative results, CanIUse.com is one browser testing tool that is actually quite handy and easy to use.

Here’s how to work with CanIUse

A little heads up – On visiting the tool’s homepage you might feel a little lost for a couple of seconds. You won’t find a tour or guide that shows how to use the tool which might be somewhat intimidating for new users. But trust us, once you do get the hang of it, you’ll understand everything the screen shows. Okay, let’s get to business now!

On the homepage you’ll find a large orange box on the top-middle of the screen that says “Can I Use ____”? The blank space is where you’re supposed to enter a web technology name that you wish to test browser support for. For example, punch in “HTML 5” in the blank space and you’ll be shown a result page with a table of different browsers and their various versions and support information regarding HTML 5. You’ll easily be able to make out which browsers support HTML 5 and which don’t. Everything will be color coded and the description of which color depicts what will be available on the bottom-right corner of the screen.

To customize any setting, for instance, a particular geographical location that you wish to narrow down the testing for (ex. a particular country or region) click on the “Settings” label next to “Can I Use ____”? Just below the support table you’ll find 4 helpful links about the information displayed:

  • Notes: Additional information about any specific browser version that might be experiencing temporary or minor issues
  • Known Issues: Bugs
  • Resources: Where the information has been collected from
  • Feedback: User comments or suggestions

You can check detailed support information if you hover the mouse cursor over any cell of the table; the working of the tool is pretty simple really.

caniuse1

Pros VS Cons

CanIUse is quite a useful browser testing tool and has lots of pros associated with it:

  • Performs browser compatibility tests within a couple of seconds
  • The support tables in the tool’s database are updated with the latest builds
  • The tool is completely free to use

However, to be honest, there are a few cons too:

  • There’s not much to it as far as functionality is concerned
  • The look-and-feel of the tool isn’t very appealing
  • The absence of a tour or guide leads to confusion on the user’s part
  • Check your code’s compatibility with different browsers and versions for free with caniuse.com/ via @supermonitoring

    Tweet this

Verdict

Overall, the tool is not that great in terms of making a difference. However, it isn’t bad for a free tool as well. If all you want is information, it’s good. If you’re looking for more features and probably a little help now and then (maybe a forum or Help section) you should try some other tools.

Give your source code a makeover with Code Beautify

Anything that’s pretty grabs attention. That applies to people, places, things and almost everything else under the sun. But there’s one group of individuals who often forget this rule and go about their work as usual. This group includes the most talented computer programmers around the world. Though these gifted minds produce some very intricate codes, the code itself is often quite messy. Improper indentation, lack of comments and putting off the deletion of unused and repetitive code can over time lend disadvantages like redundancy, unnecessarily large file sizes and difficulty in tracing the code. That’s the reason many companies employ code quality checkers or set up software for the purpose. Getting flagged by such checkers though isn’t a big deal job security wise, but it could be embarrassing.

If you’re among such a group of coders who wish to clean-up your messy code but don’t have the time or patience to go about it manually, you should definitely try out Code Beautify, the online tool to decorate your code.

codebeautify

CodeBeautify – The beautician for your source code

The name of the tool gives away its purpose but Code Beautify is more than just a code decorator. Code Beautify is an online tool aimed at not only beautifying, but also validating, minifying and analyzing source code in myriad programming languages. The tool offers a powerful online script editor thus enabling users to minify, validate, decorate and even convert their source code into various programming languages. The script editor can be used to compile and execute the code as well and that makes Code Beautify a complete package in itself.

Users who register with this brilliant and simple tool get a profile where they can save their experimental projects and code snippets for more brainstorming later. No size limit on the input, output or source code and standard UTF-8 encoding make this tool quite worthy for those who wish to put it to good use. And what does all of this cost you? Not even a single penny! Yes it’s absolutely free. So why waste time and energy going the manual way. Automate the makeover of your source code with Code Beautify today!

codebeautify14

This is how it rolls

On visiting the website you’ll find all the languages supported by the tool displayed within big boxes. It actually makes it quite easy to find the preferred language since the font and setting of the words is so in-your-face! On clicking on a language name you’re redirected to a page with an editor on the left hand side and an output window on the right hand side. Just start typing your code in the editor and click on any of the following buttons to perform the desired actions:

  • Load URL – To load the source code from the mentioned URL
  • Browse – To open a source code file directly from your system, for example, if you’ve selected HTML as your language, this option will let you select an html file from your system.
  • Beautify – To make your source code attractive. If you’re typing directly into the editor, the source code will be automatically beautified.
  • Minify – This option removes extra spaces, blank lines, tab spaces etc from the code.
  • Run – Shows the output of the code.
  • Download – Downloads the source code to your machine.

You can also choose to load a sample code to test the effects of each button. The editor also allows you to clear all code, copy the code or even go full screen.

Additional Features

In addition to this basic working, there are quite a few additional features offered by this interesting tool. Once you’re satisfied with your work, you can choose to save it to your profile through a “Save and Share” button on the top right corner of the screen. Plus on scrolling down the editor page, a short description of that particular language’s editor, tool features and related links are also displayed.

codebeautify2

Other additional features include the option to track your system’s IP, see the recent links you’ve visited, language converters, unit converters (as in volume, length, weight etc), card validators, number system converters and more. It’s like so much has been packed at one space and all of it for free!

Pros Vs Cons

The good side of Code Beautify is its simplicity. No distractions, straight to the point! Secondly, the option to run the code and see the output gives this tool an edge over other conventional code enhancing tools which are very limited in their functionality. The third and biggest plus point of this tool is its wide language support. JSON, XML, HTML, JavaScript, CSS, C#, SQL, RSS, YAML; in short, there’ll hardly be any latest programming language you’ll not find here. And of course, lastly, it’s a free tool with no strings attached!

The downside is also very easily distinguishable. There is so much packed in this tool that it becomes quite unnecessary and unrelated. For example, in a tool to beauty source code, there actually shouldn’t be a link to track the user’s IP (which by the way also shows the local news of the user’s area) or an option to see the recently visited links. Okay the converters could be justified since they are sometimes needed while programming, but even to use them a user needs to visit different links on the tool’s website. For that he first needs to save his current work, then go to the said converter, then come back. Frankly, who has the time for that! A user can instead simply open another tab in his browser and do the calculations elsewhere. In short, a lot of unnecessary functionality has been stuffed into the tool which gives the impression that the makers probably wanted to show that they can do other things too. A better idea would have been to make separate tools for all the different things they intended to offer.

  • Beautify, validate, minify and analyze your source code for free with @Codebeautify codebeautify.org/ via @supermonitoring

    Tweet this

Wrapping it up

All in all, Code Beautify is a tool which has the capability to become a popular platform for programmers, but that can be possible only if the unneeded extra things are removed from it. Code Beautify makers, are you listening?

Good news for Yourbrowser.is fans – A shiny new PRO account!

It feels great when you find a tool that excels in its task and matches your expectations perfectly. And when something even cooler is offered by it, you feel virtually on top of the moon. The dedicated user-base of Yourbrowser.is (previously reviewed here) has come to love it for its utility and ease of use. And now they have more reason to rejoice. The makers of Yourbrowser.is have launched a shiny new PRO account that will offer its users unique additional features to further enhance their experience at a very nominal price. Check out the description of these features here and be amazed!

yourbrowser-logo2

A brief visit to Yourbrowser.is

Before moving on to a description of the new features, let’s take a brief look at Yourbrowser.is (this is especially beneficial for those who’ve not used this brilliant tool yet).

Yourbrowser.is is a unique online tool for easily checking browser features and capabilities. Imagine a scenario where you’ve created a website for a customer. Now while viewing the website, the customer faces an error and contacts you for help. In this situation you obviously need to know your customer’s browsing environment details like the browser make, version etc. But your customer is not an expert on the matter and doesn’t know how to find those details. That’s where Yourbrowser.is steps in.
With Yourbrowser.is, you can create a customized page that can be sent to your customer. All your customer has to do is click on the link and voila; an email report will automatically be sent to you with all the details of your customer’s browsing environment. Is it cool or what!

To have a preview of this tool’s vast capabilities, just visit Yourbrowser.is and you will see a grid of colorful boxes. What’s great about these boxes is the fact that each of them displays an aspect of your current browser – that is the browser on which you’ve opened the website. Check it out now!

yourbrowser-pro2

PRO Account

Added features make any tool more appealing. With the launch of a new PRO account, Youbrowser’s capabilities have increased many-fold. Here is a description of all the features a user gets access to on signing up for a PRO account:

  • Users can choose the detections (boxes) they want to use on their custom page
  • Users can sort the detections (boxes) on the custom page
  • A PRO account allows users to collect feedback from their customers.
    Customer feedback can be collected in the following ways:

    • content box (text/image)
    • feedback form boxes
      • short text form field
      • long text form field
    • select field (single choice or multiple choice) in the form of drop-down
  • Users can detect their customer’s connection speed (download and upload)
  • User can choose to hide advertisements

yourbrowser-pro1

Apart from these additional features, following legacy features from Yourbrowser.is will also be available with the PRO account, of course!

  • General parameters like Browser and Operating System
  • Ability to know the customer’s IP address and geo-location
  • Checking if Cookies, JavaScript, Java, Flash and Silverlight are enabled
  • Ability to read customer’s browser language and time zone
  • User’s screen resolution and current viewport can be known
  • Ad blocking plugins in user’s browser can be detected
  • It also allows users to know if their customers have signed in to Facebook or Google+

New possibilities opened by the PRO account

The above mentioned features do look impressive! Though Yourbrowser was power-packed before them too, the addition of these insightful features has made it even more attractive and helpful. Here’s how they can open a world of possibilities for you:

  1. Selecting & sorting detections: The PRO account will allow users to have more flexibility in terms of detections. Being able to select which detections they wish to apply and also the freedom to sort them by preference will help them to know even more than they could earlier about their customers’ browsing environment.
  2. Custom Content Boxes: With the PRO account, users will be able to include text and image boxes within their custom page to provide additional information or instructions to their users.
  3. Custom feedback-form boxes: Collecting customer feedback is also possible with the PRO account. With dedicated feedback-form boxes, the users can gather data from their customers and can do more to match their expectations. This will help them in understanding the problems at their customers’ end better than before.
  4. Hiding Ads: The ability to hide ads on the custom page displayed to a customer – for even better branding.
  5. Subscription

    All the above mentioned awesome features of the PRO account are offered at a very nominal price range. After all, the good things in life are free, but even better things come at a small price! When you weigh what the PRO account has to offer, paying a small fee would be the least of your botherations.

    • Check your customers’ download/upload speed to your server with @yourbrowser PRO account supermonitoring.com/blog/good-ne…via @supermonitoring

      Tweet this

    Final Words

    Even after knowing about the wonderful additions the PRO account has to offer, if you’re still contemplating whether to go for it or not, you definitely don’t believe in making your life easier. Give yourself a break and the makers of this awesome tool some credit, go PRO today!

Debug JavaScript Regular Expressions easily with RegViz

As a JavaScript coder one of the constant things you have to deal with are Regular Expressions. These cryptic string combinations are used for pattern matching and search and replace functions on text. Though they are quite widely used in programming owing to the compactness they offer to string parsing, their debugging complexity can pose challenges.

Any programmer can vouch for the fact that debugging regular expressions often proves to be quite time taking and tedious. Creating the perfect regular expressions that are short, achieve their purpose and are easy to debug is not everyone’s cup of tea. Thus, there are quite a few tools available in the market, which are dedicated to the sole purpose of creating and debugging regular expressions. One such simple and great tool is RegViz.

regviz

RegViz

RegViz is a proficient online tool for debugging JavaScript regular expressions. It gives the entire process a visual structure. By giving identical characters in the source and target string background colors, it makes identifying matching patterns quick and easy. Regular expressions tend to have a complex syntax and hence often seem to be a cryptic jumble of characters. However, with RegViz, you’ll come to find that there’s no rocket science behind them and they’re actually quite easy to deal with.

Normally when you use regular expressions to perform any string matching, identical patterns are highlighted but they do not have coloring characteristics. RegViz works on the color highlighting principle of IDEs to facilitate instant identification of matching patterns. It eliminates the drawbacks of regular expression debugging through simple visual enrichment. It improves the readability of regular expressions and makes their testing environment interactive. With simple marking symbols and the option to choose between matching mode modifiers, it gives regular expression debugging a new dimension!

How it Works

If you regularly work with JavaScript regular expressions, you’ll find this tool extremely handy and easy to work with.
Two text sections act as placeholders for the regular expression and target text respectively and matching mode modifiers are listed in a drop-down at the side of the first text section. You can clear the dummy text by clicking on the “clear” button placed on the top of the each text section or by selecting “clear all” from the drop-down which appears on clicking on a button on the top left corner of the screen; then type in the regular expression and target text. An important thing to remember while typing the regular expression is to enclose each word within a pair of brackets and place the word separator “ | “ after each word, otherwise the test will not work. Then type in the target text within which you want to search and click on the apply button. If there are any matches, they will be highlighted.

You can also insert specific word tests by clicking on a word in the target text and then clicking on the “add test” button. If it is matched, it will be highlighted in green color, else pink color.

regviz1

Additional Features

In addition to the basic features, RegViz contains a collapsible right side panel displaying characters you can use to refine your search. Plus, helpful tooltips are given to explain things where required.
Also, a button on the top left corner when clicked gives advanced options including “load example” (to load examples for reference), “export and share” (to provide a link for sharing your search) and “clear all” (to simultaneously clear the text within both text boxes).

The Positives

There are many benefits of this intuitive tool. There is no sign-up or registration required so you can directly get down to business. It makes JavaScript regular expression debugging quite easy and quick. Color highlights really do help in focusing the attention on matched patterns in large texts.
All rules applied for pattern matching are the same as used in JavaScript regular expressions, for example, $ at line beginning and end, \w for alphanumeric characters etc. so it is quite handy for experienced users.
The tool supports dedicated word tests to provide a deeper level of pattern matching.
It’s simple and focused on its purpose. There aren’t many distractions on the website.
The biggest advantage of this tool is obvious. It’s totally free! Other regular expression tools available in the market have a price attached to them, however, RegViz, with all its utility, is offered to you at no cost!

The Negatives

RegViz derives its power from its simplicity, but the same simplicity is also its weakness. The tool is too simple, both in look and flexibility. It would be fitting to say that the tool does not have any visual appeal, the first reaction that comes on visiting its website is – is that it?

It can perform regular expression debugging only for Javascript, hence users of other languages might not find it useful. This makes it a less preferred choice as compared to other tools that offer the functionality for a wider range of languages.
Plus, there is a learning curve attached to it. First time users might find it a bit inconvenient since simply typing a regular expression and trying to find its match won’t do. You’ll need to learn it through the given examples and through some trials. However, once you get the hang of it, it’ll all be very smooth.
Though the tool is free, once you compare it with other similar tools, paying a little for a superior tool might seem like a better idea.

  • Debug JavaScript regular expressions easily with @regviz regviz.org/ via @supermonitoring

    Tweet this

To Sum it up

Overall, RegViz is good, but might not be good enough for many. It’s free, but makes you feel that it’s better to use a paid tool.
It would however prove to be a good choice for experts with JavaScript regular expressions who just need a simple tool that can help them with their small debugging needs.
Try it out and take your decision!

Yourbrowser.is – The Browser Check Wizard!

Want to check what browser your client is working on? Want to check the browser version or may be the features  enabled, such as the JavaScript and more?

Yourbrowser.is is a great website for checking out the version of the browser and many other features as well. This application comes in handy when your customers are using an older version of the browsers are not able to connect to the internet or are having trouble accessing the website you developed for them.

yourbrowser-logo

The basic purpose of this application is to be used as a troubleshoot application for checking out the browser settings, features and more within a single click of the user. With this application you can check your own browser settings and details or you can also create customized checker for your customers.

Detection Features

Yourbrowser.is has amazingly powerful detection features and it can be used to detect the following features

  • It can be used to detect the browser make and version as using an older version of a browser may pose a threat to your security. And, also when you are building a website you desire it to look good in various browsers and it should look good even while using the future versions of these browsers. Thus, to cover up these browser differences it is important to perform browser detection.
  • It detects the OS and Version of the OS being used on a system. Usually while turning on your computer you would get to know what operating system is being used by looking at the logo displayed at the start up however, you would like to know about the exact version of the operating system being used so as to ensure the proper function of the website or application you are developing in case it is being developed for a specific group of people who would be using a certain operating system on a device.
  • Detects mobile devices and mobile browsers and help you to ensure that your website or application is compatible with various mobile devices with different mobile operating systems and browsers installed.
  • Detects screen resolutions and browser window sizes to help you ensure that the designs and graphics are properly displayed on devices which have different resolutions and browser window sizes.
  • It can even detect the color depth of the device being used. Color depth is a number used to indicate the number of bits used to indicate the color of a single pixel. Color depth is an indication of the colors it can store, the more the color depth the more colors can be stored.
  • JavaScript Availability That is the browser has JavaScript enabled or disabled while browsing can be detected using Yourbrowser. These days almost every website has a JavaScript and if it is disabled the website may not function properly or lack some important content.
  • Flash availability and version can also be detected using Yourbrowser as most websites and applications today have flash files which run on a flash player. This flash player’s presence and the version installed on the device are detected to ensure that the web content is displayed properly.
  • Availability of cookies is also detected by using Yourbrowser.  A cookie is a small data piece which is stored on the web browser while the user is browsing a website. Now, when the user visits the website again the browser sends the cookie to the website stating the previous activities of the user. These are a reliable mechanism to record user activity like; the shopping cart items are still stored when you visit an eCommerce website again.
  • Yourbrowser can detect the user’s IP address. An IP address is a numerical label assigned to different devices in a network which utilizes internet protocols for communication. It is important to detect an IP address for tech support, proxy detection, using remote desktop connections, running an email server and even online gaming.
  • The Geographic Location address of a user can also be detected using Yourbrowser by using the IP address and locating it. This is helpful if you would like to include a map and highlight the user location on the map.
  • Yourbrowser can also detect if the user is logged in to Social networking websites like Facebook, Google Plus and Twitter. This feature enables the user to test the login through social networking websites function on the website or application designed.

yourbrowser1

Generating Links

You can generate your own links to the checker which would be sent to your client. To generate these links you would need to specify variables to be added to the link and the link would be generated in http://someagency.yourbrowser.is /?xyz=Customer+One  format. These variables are the variable name and variable value which can be set according to your needs for example you can use the company name and customer number as the variable.

your2

General Settings and Features

  • Allows you to configure your own browser check page.
  • You can add your own subdomain within the Yourbrowser domain like yourcompany.yourbrowser.is
  • You can also add your own domain or subdomain  by adding a CNAME to DNS and pointing it to Yourbrowser.is
  • You can add your own company logo to the check page.
  • You have the option to disable search engines from indexing the website.
  • You can disable the Geo Location tracking.
  • You have options which enable the user to decide whether to send the information or not.
  • Can send reports in HTML and Plain text as well.
  • The website is fully responsive and works well on every device and browser.

Yourbrowser is a perfect app for web and application designers and for troubleshooting and general purposes as it has a simple user interface and it has varieties of features all stacked in one single place.

It even allows you to create your own check page so why would you rely on other websites for such tasks! And yes you can set up your account with a single sign up which would require your email though but is extremely easy. I found Yourbrowser efficient and easy to use. What about you? Do let us know in the comments.

Browserstack – cross browser testing tool

The availability of a wide range of browsers and devices for surfing the Internet makes it the responsibility of the designer to write and test the code for various browsers commonly used these days. We can check the compatibility of our website or application for different mobile devices, mobile browsers, operating systems and web browsers to ensure the website or the application is easily accessible to a wide range of audience.
Cross browser testing is the biggest challenge designers face these days as new technology and products may develop rapidly and clients would need you to make the website or application compatible with the new browsers to accommodate more viewers and would not like to lose viewers also.

There are many tools available for you to test your website which show the screenshots of the website in different browsers but a screenshot would lack typing, clicking and hovering features and won’t test JavaScript and other interactive elements as well. Opening the websites in different real live browsers is called real cross browser testing while many people may use virtual machines for this testing which may lead to intensive utilization of resources.

browserstack

Browserstack is a service that offers browser based virtualization. Many developers dislike using virtual machines as they require more disk space and resources to be useful. Browserstack on the other hand has a cloud of these virtual machines with almost every browser supposable. It allows you to select your Operating system, browser versions and screen resolutions and remote them into the flash plugin used by the browser.

To test a website you just need to enter the website URL and select the targeted browser as well as the Operating system for which it is being tested. Browserstack tests the website in real time using virtual network computing screen (VNC) screen share and each browser has pre-configured developer testing tools such as the Chrome testing tools, IE testing tools, Firebug and more. To test the html pages or local server Browserstack allows you to set up a tunnel and perform the compatibility check for you Website or App.

Browsers Supported and System requirements

Browserstack supports all the major web browsers – Internet Explorer 6 to 10, Firefox 3 to 20, Safari 4 and 5 , Google Chrome 14 to 27. Supported Operating systems include Mac OSX Lion, Windows XP,Windows 7 and 8, Mountain, and Snow and all major smartphones Google Android, Apple iOS and Opera.
Overall there are more than 200 desktop and mobile browsers available to test your website on.
Browserstack helps you to get rid of all Virtual Machines, Legacy PCs, browser screenshot service and device labs which may include a huge number of smartphones, tablets and desktop computers to test your website on.

  • Fast web-based access to real browsers for cross browser testing (incl. mobile). http://browserstack.com/ @browserstack via @supermonitoring

    Tweet this

Plans and Subscription

To access Browserstack one needs to get himself registered on the website. It allows you to have limited time free trial service and you can buy their services for 39$ per month for one session for 3 registered users. While they also offer subscriptions for teams at 99$ per month with 2 parallel users and unlimited registered users  and many other such plans are available for team having 4-12, 10-25, 25+ team members.

All live plans have Debugging tools, No time limits, local testing, Issue tracker, 200+ browsers and 40+ mobile devices and more than 7 Operating systems.They even offer a Lite Plan for 1 User to test websites on desktop browsers only at 19$.

Screenshot Service

One of the main services provided by browserstack is Screenshot. It is the first method for cross browser testing and Browserstack consumes a few minutes to generate these screenshots and are used only when you need to check the design only and not the functionality of any element on your website.
Registered users can select the time when the screenshots should be made. After subscription you can select the resolution of the platform and even the orientation of the mobile device that is, Portrait or Landscape. One can even get an email notification when all the screenshots are ready and the screenshots made on the paid account would be available for lifetime, while screenshots made on the free account are only available for a month.

brstack10

Testing responsiveness of websites

The Responsive screenshot testing service enables users to test the website using actual device sizes. This service allows one to see the screenshots exactly how they would appear on the selected browser devices in the desired orientation. One can only view the screenshot in the resolution of the device without the actual device skin.

brstack12

Testing JavaScript

For JavaScript testing Browserstack enables the user to merge framework of his choice like Jasmine or QUnit and other tools such as TestSwarm, Yeti or JS Test Drive to enable testing automation. It is possible to test your JavaScipt files on more than 200 files using Browserstack.
Browserstack allows free JavaScript script testing for open source projects but to avail this you’ll need to send them an email to get it approved.

Local Testing

You can create a tunnel to you own machine and test your local website using a Java applet which acts as a proxy between your machine your directory and Browserstack. You’ll need to install Java on your system though many devices already have it installed.
The left panel of the Dashboard has two options Web Tunnel and Command line. Web tunnel option will open a Dialog box to connect the directory and the Browserstack. While to use the command line option you need to download a .jar file to establish a connection.

I would recommend people to use Browserstack as it has many advantages over other cross browser testing services such as loads OS/Browser options quickly, No need to use Virtual machines, No need to purchase new OS licences, OS and Browser updates not required, Low cost and can run 200+ browsers 40+ mobile devices and 7+ Operating Systems.
No Linux Operating System or Browser options. Only one browser can be selected at a time and the refresh rate is less one cannot properly preview the animations, videos, and moving elements integrated into the design, These were a few functions which Browserstack lacks and these functions must be integrated into it to make cross browser testing smooth and hassle free.

  • Browse Categories


  • Super Monitoring

    Superhero-powered monitoring of website or web application availability & performance


    Try it our for free

    or learn more
This website uses cookie files to improve user experience. If you don't approve, please turn off the cookie usage in your browser settings. close