google-chrome,internet-explorer,firefox,browser,frontend , Cross-Browser simulator for testing


Cross-Browser simulator for testing

Question:

Tag: google-chrome,internet-explorer,firefox,browser,frontend

I need to test my application on several browser versions, is there any smart way to do that? I need a browser simulator in order to switch between browsers and versions.


Answer:

There are a number of tools

  1. BrowserStack
  2. SauceLabs
  3. BrowserLing

Just to name a few.


Related:


Bug in Chrome: render big box-shadow


css,google-chrome
I just want to set box-shadow of div to: ... 0 0 500px ... (big blur value). In Google Chrome (last version, windows & ubuntu) I see strange squares-artefacts. In Firefox I get just a normal shadow. JSFiddle: http://jsfiddle.net/2GRGF/1/ (from How to create a box-shadow that covers the entire page?)...

CSS flexbox wraps content in FireFox (not Chrome)


css,google-chrome,firefox,flexbox,pseudo-element
I have a button that consists of an <i> and an <span> element (an icon and some text). Now both have different sizes so I'm applying a flexbox to my button that should center my items nicely. In Chrome everything works as I expected but using the page in a...

1px white spacing in Chrome between div's


css,google-chrome
JSFiddle: http://jsfiddle.net/lustre/c6cwbjLz/13/ Basically, I've been trying to make a full-screen 3x2 grid, and have essentially achieved it, however I'm seeing a tiny 1px vertical line between the 2nd and 3rd columns when I hover over the grid items. Where is this coming from, and how do I get rid of...

String replace with regex, ie strange results


javascript,regex,google-chrome,internet-explorer
Why i have this results? "hello world".replace(/[']/gi, "\\'"); // on chrome => "hello world" "hello world".replace(/[']/gi, "\\'"); // on ie => "hello world" "hello world".replace((/[']/gi).compile(), "\\'"); // on chrome => "hello world" "hello world".replace((/[']/gi).compile(), "\\'"); // on ie => "\'hello world" Chrome: 43.0.2357.124 m IE: 11.0.10011.0...

$(this).val() not working in FireFox but works in Chrome


javascript,jquery,html,google-chrome,firefox
This is my problem. When I try to set the value of an input field in FireFox nothing happens. I don't get any errors. It simply just doesn't work. It is supposed to add two decimal places after the number. It works perfectly in Chrome. Here's my jQuery code... $('input.drawer').on('blur',...

Inconsistent display on IE & Firefox


html,css,internet-explorer,firefox,twitter-bootstrap-3
I'm using Bootstrap on my website project. I'm through with the design but the items are displayed out of place on IE & Firefox. The same page renders great on Chrome. I used developer tools on the three browsers to make sure there was no difference in the CSS properties....

AJAX in Internet Explorer 11 - Don't cache


javascript,ajax,internet-explorer
I have an issue with AJAX in the IE 11. My page is asking sone values via AJAX form the server using this code: var xmlhttp; if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp = new XMLHttpRequest(); } else {// code for IE6, IE5 xmlhttp = new...

Google Chrome - How to compile Google Chrome in Windows?


google-chrome,visual-c++,windows-8.1,ninja
Documentation mentioned to compile i have to follow this instruction for Windows: http://www.chromium.org/developers/how-tos/build-instructions-windows So i did all the steps, but the following is failing how can i resolve it? C:\tpt\depot_tools>mkdir out\Debug C:\tpt\depot_tools>ninja -C out\Debug chrome ninja: error: loading 'build.ninja': Het systeem kan het opgegeven bestand niet vinden. ninja: Entering directory...

Rss is not working in Google Chrome usin PHP MYSQL


php,mysql,google-chrome,rss
I have a problem in my code I cant understand that problem. Problem is that my code is only run on Mozila Firefox. when i try to execute it on Google Chrome its begin to download my file and not executed. below is my code <?php include_once'connect.php'; header ('Content-Type: application/xml:...

Chrome UDP sockets not receiving from remote machine


javascript,sockets,google-chrome,udp,google-chrome-app
I'm working on a Google Chrome app that contains the following code: var socket = chrome.sockets.udp; var PORT = 5005; var HOST = '127.0.0.1'; socket.create({}, function(sockInfo){ socket.bind(sockInfo.socketId, HOST, PORT, function(result){ socket.onReceive.addListener(function(info){ // do stuff with the packet data }); }); }); This mechanism worked perfectly when I was sending data...

Difference between Google Chrome and Canary


google-chrome
i would like to know that what is the main difference between chrome and canary as the official site says, Google Chrome Canary has the newest of the new Chrome features. Be forewarned: it's designed for developers and early adopters, and can sometimes break down completely. So what is the...

Can I fire up a Chrome extension API from code?


javascript,google-chrome,google-chrome-extension
Is it possible to launch a Google Chrome extension within a website? E.g run some javascript that will launch the extensions UI? I'm building a web-app that will allow users to take screenshots of their desktop and edit them. I've got a sample extension up and running using dektopCapture but...

css tricks for font awesome in placeholder for chrome


html,css,google-chrome,placeholder
can any one tell me why my font awesome is not working properly in chrome though its working fine with firefox?but if i remove the awesome font then it becomes ok again.click here to see the image here is the html code for my form : <!DOCTYPE html> <html> <head>...

“Tainted canvases may not be loaded” Cross domain issue with WebGL textures


google-chrome,gwt,libgdx,html5-canvas,webgl
I've learnt a lot in the last 48 hours about cross domain policies, but apparently not enough. Following on from this question. My HTML5 game supports Facebook login. I'm trying to download profile pictures of people's friends. In the HTML5 version of my game I get the following error in...

Java exception detected in safari but not detected in IE?


java,internet-explorer,nullpointerexception,safari
I have a java applet code that works fine when it's opened from IE, but if it's opened from Safari, Java console produces a nullpointerexception. The code that generate this behaviour is shown below: public class MsgBoxPanel extends JDialog { Panel panel1 = new Panel(); JLabel label1 = new JLabel();...

jQuery & CSS only load after many refreshes


jquery,css,html5,internet-explorer,internet-explorer-11
If you open this page in IE11, the CSS and jQuery don't load: http://javasmart.gooberdev.com/ If you refresh the page once, maybe even twice, it still doesn't load. But if you hit F5 a bunch of times in succession, the CSS and jQuery finally load and the page displays correctly. This...

Intern's pollUntil does not work with Chrome


javascript,google-chrome,intern,leadfoot
I have a custom crawler that redirects to all pages in an application and takes screenshot. The page load works perfectly fine in Firefox. However in Chrome, the page does not load properly and as a result most of the screenshots come as blank. return remote.get(newAddress) .then(pollUntil('return document.readyState==="complete";', [], 30000))...

woocommerce thumbnails have different image widths in chrome and mozilla


html,css,wordpress,google-chrome,mozilla
Hello I recently run into a weird issue. I am running a Woocommerce theme built on bootstrap 3. I did some custom CSS modification and Image thumbnails appear REALLY narrow on Chrome and fine on Thunderbird. Could someone help me? I might be missing something fundamental here... Before you ask,...

How to use a Web Inspector with emulated android device (AVD)


android,google-chrome,android-emulator,avd,web-inspector
I have the Android SDK downloaded (on a mac), and no access to Android hardware. I can start up AVD and emulate various android devices fine, but I have some CSS I'd like to inspect in the Android browser on said emulated devices. I just can't figure out how to...

Character rendering is different (IE/Chrome)


html,css,google-chrome,internet-explorer
I'm trying to figure out why does the arrow symbol render differently on Chrome and Internet Explorer but without any success. Surprisingly IE displays it correctly while Chrome has problems with rendering. Ignore the difference in size, it is due to zooming. Chrome IE Regarding CSS, there is only Eric...

What does the double colon mean in Scope Local variables in Chrome's debugger?


javascript,google-chrome,debugging
See the screen dump fragment below. Notice that there are two colons between legend and Object (legend is a field of ptd). What does the double colon mean? My problem is that if I test the value of ptd.legend, it is 'undefined'. Which it shouldn't be... ...

VBA skipping code directly after submitting form in IE


vba,internet-explorer,excel-vba,web-scraping
Currently I have 2 pieces of code that work separately, but when used together they don't work properly. The first code asks the user to input information which is stored. It then navigates to the correct webpage where it uses the stored user input information to navigate via filling and...

XMLHttpRequest: Network Error 0x80070005, Access is denied on Microsoft Edge (but not IE)


javascript,ajax,internet-explorer,cors,microsoft-edge
I have a very simple ajax request (see below). The server is using CORS and works fine in IE 10+, Chrome, Firefox and Opera. On Microsoft Edge however, it fails with XMLHttpRequest: Network Error 0x80070005, Access is denied. I have researched the posts here, here, here and here, but cannot...

Is there a way to set breakpoints for every js line in the chrome dev tools?


javascript,google-chrome,devtools
I am quite new to javascript, I often find the need to walk through JS codes line by line to get better understanding how the code works. But manully setting breakpoints for each line in the 'source' panel of chrome is just too time-consuming, is there a way to do...

chrome linkurl not returning proper url


javascript,jquery,google-chrome
I was doing some chrome extension dev and I found linkurl method giving some strange url back like this "https://www.google.ca/url?sa=t&rct=j&q=&esrc=s&source=web&cd=4&cad=rja&uact=8&ved=0CDQQFjAD&url=https%3A%2F%2Fdeveloper.chrome.com%2Fdevtools%2Fdocs%2Ftips-and-tricks&ei=41OEVfSXG4nioATdvrCAAQ&usg=AFQjCNHiSugE_b8f5LZbiamLQzS2Df2I9Q&sig2=acYqGi4bSiUgLeO4HwwM5Q&bvm=bv.96339352,d.cGU" Is there any way we can get the proper url ? My code is here function genericOnClick(info, tab) {...

Access DOM elements data document->Iframe ->Iframe->method chrome extension


javascript,google-chrome,iframe,google-chrome-extension
I'm trying to access some data from an iframe nested within an iframe, from developers console: Object.keys(document.getElementById("contentBody"). contentDocument.getElementById('rawContent'). contentDocument.defaultView.window.messages) ["29c736c0ed25463c8436f4990ab6c6ec.zip", "235819a8cf11488e83f0336603b71711.zip", "66c9260590834d9698568c8a676ef406.zip", "fae95e31cb424cd6ad21302217ef2cdc.zip", "f554f712141047aa9aa24f765073e305.zip", "e5c41819578240e0868f43ab6301aeb3.zip"] That's what I expect back, but I've tried to get that...

Chrome Push Notifications: can't subscribe from sub-path


google-chrome,push-notification
I'm trying to subscribe to the pushManager, and I can only achieve it while on the root (/) path. If I navigate to any sub path (/mypath), I recieve Unable to subscribe to push. DOMException: Registration failed - no sender id provided. The problem is that in order to subscribe,...

How SCSS rule evaluation done by browser


html,css,google-chrome,mozilla
I am working on a project where i am using an internal UI Library. In one of the CSS file, i saw something which looks strange. To simplify things, I am reciprocating with basic html elements and corresponding css: CSS: div{ border:1px solid black; width:100px; height:100px; } .parent //some comment...

Document won't load into iframe with changed, but proper, name


javascript,html,google-chrome,iframe
What I'm trying to achieve is being able to load contents of href in to one of three iframes, by changing thier names via java. The problem is: Chrome will always load contents into first iframe, ignoring it's name change, this problem does not occur in Firefox. function change_name() {...

php redirection working in chorme but not on firefox


php,google-chrome,mozilla
Below is my php code that caries out the redirection Code Snippet :- echo "<form action='exp_yogesh.php?id=$id' method='post'>"; echo "<td> <input type='image' name='putonline' value='$id' src='images/on_button.png' no-repeat; border:none;' alt='submit'> </td> "; echo "<td> <input type='image' name='putoffline' value='$id' src='images/off_botton.png' no-repeat; border:none;' alt='submit'> </td> "; echo "</form>"; Here's the exp_yogesh.php file <?php include 'includes/connection.php';...

IE Input type Date not appearing as Date Picker


internet-explorer,date,datepicker
I am using the input type DATE in my HTML and everything works fine in Chrome and Firefox, but IE does not show the date picker. When I use the JQuery Datepicker I get two date picker dialogs in Chrome and Firefox. How can I fix this where I can...

Chrome - Script tag isn't blocking


javascript,html,google-chrome
In the following example: <script src="1.js"></script> <script src="2.js"></script> <img src="FDA.PNG" alt="" /> The first tag should block the parsing of the html, but according to the timeline, it's not. All the files are loading at the same time, why?...

How to set caret to newly added element in contentEditable element?


javascript,jquery,google-chrome
I am working on a WYSIWYG editor in which I want to add <p>'s when hit Enter / Return key and then the user will write to this new <p>. Right now I am having issue setting the caret to this new <p>. $('#content').on('keypress', function(e){ if(e.which === 13){ console.log('enter pressed');...

How do I change chromes Date-parsing / Sorting to match ff/ie Dateparsing?


javascript,jquery,google-chrome,date,momentjs
So I encounter a very weird problem here and am out of ideas at the moment. I've the following function to parse and sort a json object by its property RowDate, containing datestrings with the following format: "/Date(1389682861507+0100)/". orderByDate: function (json) { debug('[DataCollection::orderByDate], json before ordering: ', json); _.each(json.LineDefinitions, function...

Text Align Center in Chrome (webkit)


css,google-chrome
Any idea why text-align: center doesn't center the text within the table cells? But text-align: -webkit-center does? The reason why display: table-cell is applied is to have vertical-align to work. Removing it is not a solution and doesn't answer my question. .wrapper { text-align: center; } .column { width: 33%;...

How to avoid wrap in IE7 when I have two ul in a navigation?


html,css,css3,internet-explorer,internet-explorer-7
In ie8 or firefox browser,My code runs well,the two ul are in the same line.But when I ie7,the two ul are in the diffrent line,How to make then in the same line in ie7? <DIV id='navigation'> <ul><li><span> leftspan </span></li></ul> <ul style='float:right;'> <li><span> leftspan </span></li> <li><a href="http://www.google.com" target="_blank">google</a></li> <li><a href="http://www.apple.com" target="_blank">apple</a></li>...

HTML & CSS - Full Screen Image


html,css,html5,google-chrome,website
I'm working on a website where I want an image to straight away take up the screen. I want to make it take up the available screen but when you begin to scroll down I want a div to appear with the text and information. I do not mind if...

$.ajax.done works on Firefox but not in Chrome


php,jquery,ajax,google-chrome
I have a very simple AJAX request with jQuery and PHP. This is my code var request = $.ajax({ method: "POST", url: "Url.php", data: { param: valueParam }, dataType: "html" }); request.done(function(html) { alert('Hello'); }); The code works perfect in Firefox 38.0.5 but not works in Chrome 43.0.2357.124m. The problem...

Background-image style with JS not working in ie9


javascript,jquery,html,internet-explorer
I'm working on a site and im having some issues with my slider in IE9. What I've done is that I've made a div that gets the background image changed every few seconds depending on the img tags within. You can see it in function here: http://diakondk.quine.pil.dk/ It works wonders...

for of loop querySelectorAll


javascript,google-chrome,for-loop,mozilla,queryselectorall
Mozilla states that "for of loops will loop over NodeList objects correctly". (source: https://developer.mozilla.org/en-US/docs/Web/API/NodeList) However, this doesn't work in Chrome 43. Is this incorrect documentation or a browser bug? The copied example code used on a page with checkboxes: var list = document.querySelectorAll( 'input[type=checkbox]' ); for (var item of list)...

Fixed position misbehaviour in IE11


css,internet-explorer,css-position,css-transitions,internet-explorer-11
I am experiencing elements position misbehaviour into my page, in IE(11) only; live link here. The logotext, the menu and the left sidebar text, remain in place doesn't move with the wrapper when the left slider is open (clicking on info+ button). I've read about position: fixed + transition in...

What is the proper way to get the value of a React