Menu
  • HOME
  • TAGS

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

javascript,jquery,google-chrome,date,momentjs

The problem you are facing is most likely caused by the fact, that different browser (engines) implement different algorithms for sorting. The differences you experience are (at first glance) all focused on elements that have no difference (e.g. 0 returned from your sort-function) and thus have no deterministic sort-behavior described....

How to start Chrome Hosted App in window?

google-chrome,google-chrome-app,hosted

Launch your app Test webview sample Chrome's built-in developer tools can be used to debug extensions, apps and webview as well as web pages (Right-click on any page element in webview and select Inspect Element)....

Rss is not working in Google Chrome usin PHP MYSQL

php,mysql,google-chrome,rss

This is because chrome doesn't have an inbuilt RSS reader, you have to sue an extension.

logging message on chrome console in expressjs - MEAN Stack

javascript,google-chrome,express,mean-stack

This is a server site javascript so you need to look at the nodejs console.

CSS flexbox wraps content in FireFox (not Chrome)

css,google-chrome,firefox,flexbox,pseudo-element

Weird. button elements have some special behavior which seems to conflict with flexbox. Specifically, what happens is that the flex items are blockified, according to the spec: The display value of a flex item is blockified: if the specified display of an in-flow child of an element generating a flex...

Are there any Chrome-specific techniques to scope/isolate CSS?

css,google-chrome,google-chrome-extension,polymer,shadow-dom

What you will want to look into is shadow-dom. This will enable you to create a widget/component (which would be your injected html). This would mean that the DOM tree for the widget/component is encapsulated and no external styles from the page will affect it. There is a good article...

Removing and readding an element pushes another element down, toggling the float in dev tools causes the element to move back to the correct position

javascript,jquery,html,css,google-chrome

You can fix this by forcing a redraw on the right element. There are a couple of ways to do this, but my preferred way is $(r).hide().show(0); $(r).offsetHeight has been known to work, though it doesnt work in the codepen you linked to and it doesnt work in safari. For...

Html File Input on Chrome for Android missing extension and mime type

javascript,android,jquery,validation,google-chrome

Via the android Documents file browser, some of the tabs do not provide file extension and type. The Audio tab (which displays audio metadata) and some of the connected storage accounts for example. As such, another way to do file type validation is to use "file signatures" http://www.filesignatures.net/index.php?page=all Essentially you...

Chrome extension console.log override

javascript,google-chrome,google-chrome-extension

The reason is because Tampermonkey injects code into a site's document, whereas in Chrome Extension no, if you do this, you edit Chrome extension's console. To do this, you should use a method to inject the script, you can see here

How to implement Google Cloud Messaging - Topic Messaging in Chrome?

google-chrome,google-cloud-messaging

Unfortunately it is not yet implemented. Please reach out here: https://groups.google.com/forum/#!forum/gcm-for-chrome-feedback to get in touch with developers or file a feature request here: https://code.google.com/p/chromium/issues/list

Is HTML5 drag and drop compatible with Chrome Apps (packaged)?

html5,google-chrome,google-chrome-devtools,google-chrome-app

I was able to get this to work by utilizing the -webkit-user-drag CSS property on the element (in my case an image). This allowed the dragging in the app window itself. img { -webkit-user-drag: auto; } I then put event listeners for all the other javascript functions (inline javascript not...

Google Chrome Add Bookmark Image

html,html5,google-chrome,browser,web

It seems to be some datas included in the head part of the pages. You probably know that you can use meta tags to set some favicon, gps coordinates, and many other things. Some new tags, the Opengraph meta tags, are now used to define some informations to best describe...

Bug in Chrome: render big box-shadow

css,google-chrome

You can emulate inset box-shadow using filters. Like this: http://jsfiddle.net/igoradamenko/vmeortsf/ HTML: <div class="shadow"> <div class="blurred"></div> </div> CSS: .shadow { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: #555; } .blurred { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 60%; height: 60%;...

Text Align Center in Chrome (webkit)

css,google-chrome

The issue isn't with display: table-cell but the nature of the span element. Please note that the text-align property in CSS is used for aligning the inner content of block-level elements. The HTML span tag is an inline-level element. Hence, it doesn't apply by default to inline-level elements and therefore...

window.open auto new tab not working in chrome

javascript,php,google-chrome

Try this window.open('http://www.google.co.th','','height=200,width=300'); Chrome will block popup windows on page, until you give him access....

Why Chrome shows \ufeff symbol and gray lines in TypeScript?

javascript,visual-studio,google-chrome,typescript,google-chrome-devtools

It seems that Chrome somehow doesn't like UTF-8 with BOM. And this is exactly an encoding which my instance of Visual Studio did save file in. I have switched the encoding to UTF-8 without BOM and the described problems have disappeared. How to: corresponding StackOverflow question. In two words: 1)...

woocommerce thumbnails have different image widths in chrome and mozilla

html,css,wordpress,google-chrome,mozilla

Having to override default styles is one of the reasons I hate Bootstrap... image HTML has a width/height 180px180px... but there is a conflict between parent container for image woocommerce-layout.css #single-product div.thumbnails a { width: 100%; } .woocommerce #content div.product div.thumbnails a, .woocommerce div.product div.thumbnails a, .woocommerce-page #content div.product div.thumbnails...

Using XPath to select the href attribute of the following-sibling

html,google-chrome,xpath,web-scraping

I assume you're using Google Chrome console because of that $x() function. Your xpath which selects @href attribute actually worked, as I tested in my Chrome, only the result is not displayed in the console like when you selected an element -for a reason that I'm not quite sure at...

Chrome Extension - How to execute a JS script on page load

javascript,google-chrome,google-chrome-extension,google-chrome-devtools

I presume you have no problem getting a content script to run once on page load. I'm not going to help you with that... You're going to have to have the content script send a message to the background script use chrome.alarms.create(string name, object alarmInfo) in the background script listen...

chrome extensions Uncaught ReferenceError: $ is not defined

javascript,jquery,google-chrome,google-chrome-extension

First Load Jquery Plugin after you can load your popup.js <script src='./js/jquery.min.js'></script> <script src="popup.js"></script> Note: No need to load 2 jquery Plugin...

What format is the log prefix in the chrome_debug.log?

google-chrome

Chrome's base/logging.cc in LogMessage::Init defines the content of the log prefix from chrome_debug.log. The timestamp portion is defined by: struct tm* tm_time = &local_time; stream_ << std::setfill('0') << std::setw(2) << 1 + tm_time->tm_mon << std::setw(2) << tm_time->tm_mday << '/' << std::setw(2) << tm_time->tm_hour << std::setw(2) << tm_time->tm_min << std::setw(2) <<...

Bordered element with display:table extends out of parent

html,css,google-chrome,safari

Set box-sizing: border-box to .box and then give it a size to .box taking in count it border-width Like this: .container { display: inline-block; border: 1px solid black; padding-top: 5px; padding-bottom: 5px; } .box { display: table; width: 20px; height: 20px; background-color: red; border: 5px solid blue; box-sizing:border-box; } <div...

C# native host with Chrome Native Messaging

c#,google-chrome,chrome-native-messaging

Assuming the manifest is set up properly, here is a complete example for talking to a C# host using the "port" method: using System; using System.IO; using Newtonsoft.Json; using Newtonsoft.Json.Linq; namespace NativeMessagingHost { class Program { public static void Main(string[] args) { JObject data; while ((data = Read()) != null)...

Image quality in Chrome is bad compared to other browsers

google-chrome,image-quality

This has been recognized as a bug, and there's now a workaround provided in response #62: https://code.google.com/p/chromium/issues/detail?id=492379#c62

Flash analysis for Chrome Extension

javascript,google-chrome,flash

Indeed you can interact with the Javascript in Flash using ActionScript as an example can be found there but it's only possible if the developer who developed the Flash app has integrated it voluntarily and publish which methods you can access (and how). You can guess that it's only a...

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

google-chrome,gwt,libgdx,html5-canvas,webgl

are you setting the crossOrigin attribute on your img before requesting it? var img = new Image(); img.crossOrigin = "anonymous"; img.src = "https://graph.facebook.com/1387819034852828/picture?width=150&height=150"; It's working for me var img = new Image(); img.crossOrigin = "anonymous"; // COMMENT OUT TO SEE IT FAIL img.onload = uploadTex; img.src = "https://graph.facebook.com/1387819034852828/picture?width=150&height=150"; function uploadTex()...

What's the best way To edit CSS and JS of Html Template [closed]

javascript,css,html5,google-chrome,google-chrome-devtools

Try Livereload, it works great for me with Chrome. You could also use workspaces and edit in browser.

POST to Laravel 4 Controller from Chrome for Android not working

php,google-chrome,laravel

Somehow this issue resolved itself, not sure if it was a Chrome bug or a phone restart -- so my simple answer is, update Chrome, then restart your phone.

li and a element styling issue with Chrome after clicking a link

html,css,google-chrome,styles,html-lists

Just change the padding from 10% to 10px or more for the a tag

Magento admin panel not working in chrome [duplicate]

google-chrome,magento

I have experienced similar issues when using magento and localhost urls. Try the following steps: Visit chrome://net-internals/#dns in your chrome browser and then click the "clear host cache" button. Make sure you clear your browser cookies for localhost. Clear your magento cache (just empty the var/cache folder) ...

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

android,google-chrome,android-emulator,avd,web-inspector

After much work, here's how to do it, for anyone trying to figure this out in the future.

Restore bookmarks of deleted Chrome user?

google-chrome

Right click to "C:\Users\USERNAME\AppData\Local\Google\Chrome\User Data\Default" folder and "Restore previous versions" fixed the problem - found the correct version of the file.

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

javascript,jquery,google-chrome

A simple solution if you don't absolutely need the top contenteditable element to be a p element, is to add a contenteditable div as parent of your p element. Enter will automatically add p elements. <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div id='content' contentEditable=true><p>test</p></div> ...

HTML & CSS - Full Screen Image

html,css,html5,google-chrome,website

I think you are asking about Parallax. Explore a bit on Parallax in Wiki and see some samples here...

Chrome display issue with flexbox and overflow

css,google-chrome,flexbox

On Firefox, it works because since version 34 it implements a auto as the initial value of min-height. See How can I get FF 33.x Flexbox behavior in FF 34.x? for more info. In fact, you can check that if you set min-height: 0, which was the initial value on...

Difference between Google Chrome and Canary

google-chrome

Yes, but make sure that you test the sites with Chrome first when you face a bug. I once had a strange behavior where chars were missing in the sites source and hours later I found out that it was a bug in Canary. I did this for a...

SVG styling issue occurs second time onwards : chrome only

javascript,google-chrome,dom,svg

I have seen this and similar behavior before in Chrome and other Browsers, basically this is what seems to happen: When you create the SVG and the browser internally parses the representation it resolves the references to the defs sections (those elements that use url(#someId) and wires up the internal...

Supporting WebGL on Android 5's WebView

java,android,google-chrome,android-webview,webgl

I suggest you try CrossWalk, based on Chromium/blink https://crosswalk-project.org/documentation/samples/webgl.html...

How SCSS rule evaluation done by browser

html,css,google-chrome,mozilla

Assuming the "comment" you speak of literally begins with // in your source file, in which case it is not a proper CSS comment but simply garbage (as the forward slash is not part of a CSS identifier or any valid CSS selector syntax), this causes a parse error. The...

Chrome driver information in console

java,google-chrome,selenium,webdriver,selenium-chromedriver

You can make the chrome driver silent by setting webdriver.chrome.silentOutput to true: System.setProperty("webdriver.chrome.silentOutput", "true"); ...

Protractor scrolling through executeScript not working

javascript,angularjs,google-chrome,protractor,end-to-end

When I encounter issues like this, I scroll into view: var elm = element.all(by.css('.item.item-complex')).get(9); browser.executeScript("arguments[0].scrollIntoView();", elm.getWebElement()); elm.click(); ...

“sort not a function” error in angularjs only in google chrome

javascript,angularjs,google-chrome,sorting

Your response is not an Array. It could be an object with a property that contains the Array (e.g. response.data) or a string version of you array and then you will need to use JSON.parse and convert the string into an Array. Anyway, sort is on Array's prototype - that...

CSS: Chrome & Safari ignore table-cell heights

html,css,google-chrome

Table cell height is defined by how much room contents get. If you specify the height, it may be used as min-height. http://www.w3.org/TR/CSS21/tables.html#height-layout Solution is to use extra div inside the cell....

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

javascript,jquery,html,google-chrome,firefox

I found a work around that seems to work in Firefox. I change the type of input to number on focus giving me the proper keypad on mobile but then change the type back to text on blur giving me to two decimal places. See the code below... $('input.drawer').on('blur', function(){...

GET document canceled upon first visit (Chrome)

javascript,jquery,google-chrome,debugging,developer-tools

too low rep to put this as comment :( but you might want to take a look at What does status=canceled for a resource mean in Chrome Developer Tools?

Why does video resolution change when streaming from Android via WebRTC

android,google-chrome,video,webrtc,video-processing

getUserMedia constraints only affect the media requested from the browser to the hardware and returned as a stream. getUserMedia constraints don't have any effect on what is done to that stream afterwards (i.e., when it's streamed over a connection). The degradation you're seeing is in the PeerConnection layer, not in...

Magnific Popup position bug

google-chrome,firefox,position,magnific-popup

In order to stop this behaviour just add this CSS: .image-popup { display:none; } .hover-container:hover .image-popup { display:inline-block; } ...

chrome linkurl not returning proper url

javascript,jquery,google-chrome

The "proper" URL is one of the parameters in the large URL, if you look closely - it's the "url" parameter. There are libraries that will take care of parsing the URL parameters and decoding for you if you want to get the proper URL to which that larger one...

Chrome - Script tag isn't blocking

javascript,html,google-chrome

Scripts are executed in the order they appear in the HTML (unless you use the async or defer attributes). Browsers are perfectly welcome, however, to download them in any order they like, including in parallel, and including in parallel with other resources such as CSS files and images they find...

Chrome all of a sudden zoomed in on ubuntu

linux,google-chrome,ubuntu

This is a known issue in Chrome 43.0.2357.124 for Linux. It is fixed as of Chrome 43.0.2357.125. See this issue in their bug tracker, opened 2 days ago (June 9 2015). You should update Chrome to the latest version: sudo apt-get update && sudo apt-get install --only-upgrade google-chrome-stable If updating...

LocalStorage Anomalies in Chrome and Firefox

javascript,jquery,html5,google-chrome

Use Object.keys (and avoid for-in loops): The Object.keys() method returns an array of a given object's own enumerable properties, in the same order as that provided by a for...in loop (the difference being that a for-in loop enumerates properties in the prototype chain as well). Source Example var keys =...

Cannot find the CSS Errors in Chrome

css,google-chrome,browser,web-inspector

Click on the "Show Drawer" icon (it looks like >_) Those errors are displayed there under the Console tab.

can't submit form in chrome extension

javascript,html,html5,google-chrome,google-chrome-extension

There isn't way in client side to do security login! The easiest way in javascript to store a data is localStorage. The safest way is indexedDB because the user cann't easily change and delete the data - but he can! There isn't a speciel way in chrome-extension to do this....

Webpack imports-loader with messageformat and angular-translate

javascript,angularjs,google-chrome,webpack

Are you using by any chance devtool: 'eval'? I've seen that same weird behavior you describe, and it went away switching to devtool: 'source-map'.

Can I fire up a Chrome extension API from code?

javascript,google-chrome,google-chrome-extension

So I'm answering my own question. I've managed to get it working using externally_connectables. The externally_connectable manifest property declares which extensions, apps, and web pages can connect to your extension via runtime.connect and runtime.sendMessage. 1. Declare app/webpage in manifest.json Just declare your web-app/page within your manifest.json as an externally_connectable. E.g...

How to pass JavaScript function between Chrome browser and PNaCl plugin correctly

javascript,google-chrome,google-nativeclient,ppapi

Sorry, this is not possible. The only values that can be passed between JavaScript and Native Client via PostMessage are defined here: https://developer.chrome.com/native-client/pepper_stable/c/group___enums#ga9815041477d810724e44da862f9852ed That is: undefined, null, Bool, Number, String, Array, Dictionary, ArrayBuffer, and Resource (or some combination of these). Object is listed in that document but it is not...

Chrome Developer Tools shows favicon 404 error in Brackets LivePreview

google-chrome,debugging,google-chrome-devtools,developer-tools,adobe-brackets

This is basically how browsers work, they try to look for a favicon.ico in the root folder if none is specified in the meta tags. There is a simple solution to filter it out though, but it will remove any network related errors from the console (but you can of...

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

javascript,google-chrome,debugging

It means that the property name is actually the string "legend:". You can tell by the syntax highlighting. For example: obj['legend:'] = 'value'; ...

The specified value does not conform to the required format yyyy-MM-dd

jquery,asp.net-mvc,google-chrome,datetime,data-annotations

The specifications for the HTML5 date picker state that the date must be in the format yyyy-MM-dd (ISO format). This means that you DisplayFormatAttribute must be [DisplayFormat(DataFormatString = "{0:yyyy-MM-dd}", ApplyInEditMode = true)] public string MyDate { get; set; } Alternatively you can manually add the format using @Html.TextBoxFor(m => m.MyDate,...

python 3.4 Google Chrome history

python,google-chrome

Google Chrome's history is stored in an SQLite database. Python has supported this out of-the-box through sqlite3 since Python 2.5. import sqlite3 con = sqlite3.connect('C:\\Users\\joey\\AppData\\Local\\Google\\Chrome\\User Data\\Default\\History') cursor = con.cursor() cursor.execute("SELECT url FROM urls") urls = cursor.fetchall() print('\n'.join(urls)) ...

Chrome - open dev tools in new window

google-chrome,google-chrome-devtools

You can hold click on that icon and you get the answer :) answered by Ahmed :) !...

1px white spacing in Chrome between div's

css,google-chrome

Pixel rounding. If your width generated is 1000px, each column should be generated at 333.33̅px. However, each browser/version handles decimal pixels differently unfortunately. Here's a handy guide: http://cruft.io/posts/percentage-calculations-in-ie/ Shock horror that IE is the worst. If you run it in IE, make sure your window is 1001px wide and see...

for of loop querySelectorAll

javascript,google-chrome,for-loop,mozilla,queryselectorall

The docs are correct, but I wouldn't call this a bug. Rather it's a "not yet implemented feature". There is no standard for this, and there is still active discussion on how the DOM should integrate with ES6. Notice that it is clear that querySelectorAll should return something iterable which...

Why doesn't Chrome's console display the function code anymore?

javascript,google-chrome,google-chrome-devtools

This feature was replaced by links to the sections of code where the function was defined. If you follow the link, you can still get to the method definition, just with more context. If you'd like to see the full method definition, try calling toString on it, or just coercing...

String replace with regex, ie strange results

javascript,regex,google-chrome,internet-explorer

You're misusing the compile method. Warning: The compile method is deprecated, you shouldn't use it. Create a new RegExp object instead. It's prototype reads: regexObj.compile(pattern, flags) So you have to pass it a new pattern that will replace the instance's pattern. Under IE, calling compile() yields the regex /(?:)/ which...

Three.js + Chrome 43: Error creating WebGL context

javascript,google-chrome

I get the same thing for Chromium 43.0.2357.81 Ubuntu 14.04 (64-bit), but Chrome 43 is fine. It seems to be a bug, here is an issue in Chromium bug tracker about it. Chromium developer says: We have no control over which Chromium revision Ubuntu decides to pull into their distribution....

NetBeans - how to open Chromium open source project with netbeans?

c++,google-chrome,netbeans

It should be enough if you just create an new Project within Netbeans and choose creating Project with Existing Sources as type of your project. Netbeans will ask you where did you store the existing sources which you just need to tell it and tada you can start coding Here...

Cannot assign an inst variable in Switch “--user-data-dir” in Selenium Wedriver Chrome

ruby,google-chrome,selenium,selenium-webdriver,selenium-chromedriver

The %w literal is similar to using single quotes for Strings. There is no interpolation. As a result, the --user-data-dir is exactly what was typed - "#{dir}". To enable interpolation, you need to use a capital W - ie %W: You can see the difference with: dir = 'mydir' #...

How to display red borders on required or invalid value input element in Chrome just like Firefox behaviour for HTML5 validation?

css,html5,google-chrome,firefox

You use the :valid pseudo class. To shamelessly copy the code from https://developer.mozilla.org/en-US/docs/Web/CSS/:valid: input:invalid { background-color: #ffdddd; } form:invalid { border: 5px solid #ffdddd; } input:valid { background-color: #ddffdd; } form:valid { border: 5px solid #ddffdd; } input:required { border-color: #800000; border-width: 3px; } <form> <label>Enter a URL:</label> <input type="url"...

Google reCAPTCHA fail for second time submit

javascript,php,jquery,google-chrome,captcha

Google reCAPTCHA gives this two function: I always use this in my all ajax powered forms. grecaptcha.getResponse() grecaptcha.reset(); For both of your problem use second function whenever you need in your java script code. Remember this works if you have only one captcha in your page. If you have more...

Chrome UDP sockets not receiving from remote machine

javascript,sockets,google-chrome,udp,google-chrome-app

François Beaufort's now deleted answer provided a useful suggestion, sadly in a way that was more appropriate for a comment. I'm making this a community wiki so that he does not feel robbed of reputation. The HOST part indicates which interface you're listening on for data. Setting it to 127.0.0.1...

chrome.storage.sync.get sync with outer level object, but inner object is not sync?

javascript,google-chrome,asynchronous,sync

I found a workaround for anyone who's interested. I wrapped the get call with a function and call that function and that solve the issue. As to why this solves the issue...I have no idea. Below is an example. function getChromeStorage() { chrome.storage.sync.get(settings, function(storage) { // get stored values back;...

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

javascript,google-chrome,iframe,google-chrome-extension

This was my solution after all, between what we talk over comments and my research over docs and other threads: Content script: (function () { document.addEventListener("DOMContentLoaded", function () { contentBody = document.getElementById("contentBody"); contentBody.addEventListener("load", function () { rawContent = contentBody.contentDocument.getElementById("rawContent"); if (rawContent) { var s = document.createElement("script"); s.src = chrome.extension.getURL('injected.js'); s.onload...

php redirection working in chorme but not on firefox

php,google-chrome,mozilla

have you tried using header('location') function? example : <?php if (isset($_POST['putonline'])) { $query = "UPDATE user SET status= '1' WHERE id= '$new_id'"; $result = $cid-> query($query); if ($result== TRUE) { header("location:EidEmp.php"); die(); } else { echo "Failed"; } } ?> Edited : Maybe Change Your header function with javascript function...

Google AppEngine channel is opened, client is receiving responses, but socket.onmessage is not being called

javascript,google-chrome,google-app-engine,long-polling,channel-api

We have been using this as well and faced the same issue, this workaround seems to work fine for us, assigning the onmessage after the socket is created: channel = new goog.appengine.Channel(token); socket = channel.open(); socket.onmessage = onMessage; ...

Intern's pollUntil does not work with Chrome

javascript,google-chrome,intern,leadfoot

false is considered a value by pollUntil. You need to return null or undefined if you want it to continue polling: return remote.get(newAddress) .then(pollUntil('return document.readyState==="complete"||null;', [], 30000)) .takeScreenshot().then(function(data) { recordImage(newAddress, data); }) From the docs: The function should return null or undefined if there is not a result. If the...

Character rendering is different (IE/Chrome)

html,css,google-chrome,internet-explorer

When the font in use doesn't contain a character you want to display, the browser uses a fallback font which does. Now in this case, it turns out that IE and Chrome use different fonts to fall back to. Solution: use a font of which you are certain that it...

Can Chrome extension content script access all tabs?

google-chrome,google-chrome-extension,content-script

According to https://developer.chrome.com/extensions/content_scripts , a content script cannot access chrome.* APIs, except a few allowed ones but chrome.tabs is not among them Exchanging messages with the parent script is possible, though, so this might be the way to do it. See https://developer.chrome.com/extensions/messaging...

Is new line a separator in Javascript

javascript,google-chrome,knockout.js,google-chrome-devtools,knockout-2.0

Javascript will assume semicolons at some line breaks. Ugh. So your second variable was a global, not part of the var. http://inimino.org/~inimino/blog/javascript_semicolons

detect requests calls in a url similar to network in chrome dev tools

javascript,google-chrome,google-chrome-extension,google-chrome-devtools

I could do it using webRequest in chrome extension. I added this code in the background.js and it worked. chrome.webRequest.onCompleted.addListener(function(details) { var extension = details.url.split('.').pop(); if(extension == 'm3u8' ){ console.debug(details.url); } }, { urls: ["<all_urls>"] }); ...

Chromium SVG image Nesting

jquery,image,google-chrome,svg,chromium

You cannot use vanilla jQuery to create and manipulate SVG documents. Some functions work, but things like $('<g></g>') do not. jQuery is designed to operate on HTML elements, and does not create SVG elements properly. I think Mozilla is a little more lenient, but you should not expect other browsers...

My Chrome Extension Keeps Saying Its Corrupted

google-chrome,google-chrome-extension

It because you're hitting an edge case bug in Google which verifies at run time that the contents inside an extension on disk match what was uploaded to the web store (designed to prevent malicious software from spoofing legitimate extensions). Three known such bugs are: crbug.com/437675 (dot-slash paths in content...

@font-face for icons not working in Chrome-Ubuntu

css,google-chrome,ubuntu,fonts

Well I'll be damned. It was AdBlock. AdBlock usually displays a little badge showing how many elements are being blocked on each page. It didn't show anything! I hadn't noticed these styles being inserted until now: ::content a[title="Connect with us on Twitter"], ::content a[title="Connect with us on Youtube"], ::content a[title="Facebook"],...

childNodes list is empty before page is loaded

javascript,jquery,google-chrome,dom

load runs asynchronously, plus you've wrapped it in the jQuery ready function. All this means that console.log(div.childNodes) is running well before someHTMLfile.html has been loaded and inserted. What you need to do is use the callback function available in load to run any functionality that depends on the html: $(function(){...

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

php,jquery,ajax,google-chrome

The problem is when I was firing the ajax request. I was doing it in "onchange" (of a input text with jQuery autocomplete) jQuery event. When I select an item of the list of autocomplete, the onchange() event is not raised in Chrome (yes in Firefox). So I fire the...

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

javascript,google-chrome,devtools

Once your code breaks, there's a button beside "resume script execution" called "step over next function call" or F10, which will resume step by step.

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

javascript,html,google-chrome,iframe

Stumbled upon this link: http://help.dottoro.com/ljbimuon.php After some modification of your script, i believe this could be the solution. Changing the contenWindow.name instead of name alone seems to do the trick. function change_name() { var one = document.getElementById('frame1'); one.contentWindow.name = "#"; console.log("The name is: " + one.name); console.log("The name of the...

Visualise CSS selectors like :read-only in debug (F12 tools)

css,google-chrome,debugging,google-chrome-devtools

In Chrome DevTools this is visible in the "Styles" pane on the "Elements" tab. For your specific example the output looks like this: Note that matching part of the selector (:read-only in this case) is in black letters, while part that doesn't match ([readonly]) is greyed out. More general solution...

How to redirect Google Chrome users to an error page

php,google-chrome

<?php if (strpos($_SERVER['HTTP_USER_AGENT'], 'Chrome') !== false || strpos($_SERVER['HTTP_USER_AGENT'], 'CriOS') !== false) { header("Location: chrome_error_page.php"); } else { echo "Hey! You use another browser.. :)"; } The above code detects if the user user Chrome. If it use Chrome is redirected to a page. Else you only show a message. **...

How to respond to multiple bookmark operations in Chrome?

javascript,google-chrome,asynchronous,google-chrome-extension,bookmarks

Of course I messed up the function signature (even for the 10th time), there is nothing wrong with the direct callback. This way, it works (function extracted for clearer code): this.isValidParam = function(param) { if (param !== undefined && param !== null) return true; return false; }; this.chromeMoveCallback = function(elementIds,...

Google Chrome - How to compile Google Chrome in Windows?

google-chrome,visual-c++,windows-8.1,ninja

DONE. Windows 8.1 Pro 64-bit. Visual Studio 2013 Community edition Step 1: C:\>mkdir folder C:\>cd folder C:\>unzip https://src.chromium.org/svn/trunk/tools/depot_tools.zip C:\folder>dir Directory of C:\folder 18/04/2015 02:59 <DIR> depot_tools 0 File(s) 0 bytes 3 Dir(s) 67 387 064 320 bytes free Step 2: C:\folder\depot_tools>git config --global user.name "John Doe" C:\folder\depot_tools>git config --global user.email "[email protected]" C:\folder\depot_tools>git config...

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

google-chrome,push-notification

Use a slash before the name of the manifest file. The slash denotes that it is has to pick up the file from the root of the domain. <link rel="manifest" href="/manifest.json"> ...

Suppress “Failed to load resource: net::ERR_FILE_NOT_FOUND” in Chrome Packaged App

google-chrome,webview,google-chrome-app,console.log

Yes, you can turn this off: Click on the filter icon at the top of the console, and tick "Hide network messages". You can't, however, prevent this error from happening at all: it's not generated by an uncaught exception in JS but is reported from the network stack of Chrome....

when chrome extension gets updated does the data stored in local storage gets deleted?

google-chrome,google-chrome-extension

If you have it in 'Chrome Web Store' and you update the extension is not removed. However if you use 'Load Extension Unpacked' or 'Reload Extension' is removed

Speed up tests run in Chrome

javascript,osx,google-chrome,karma-runner

There is currently no way to do this, but there is an issue to bring support for it back. Follow that for updates.

Chrome Dev Tools console - select frame programatically

javascript,google-chrome,iframe,console,google-chrome-devtools

I think you want contentDocument instead of document (see this related question). Note that this will only work if iframe and main document are in the same domain. Otherwise, you are attempting cross-site scripting and it will be blocked by the browser. ...

css tricks for font awesome in placeholder for chrome

html,css,google-chrome,placeholder

Thanks @JDTLH9 for giving me a clue for the problem .actually you dont have to use inline style but in the previous design i was using {font-family:fontawesome}; but when i converted it to this : {font-family:Arial,fontawesome} it worked for me in the chrome....

Inserting code from Contentscript.js (Chrome Extension)

javascript,php,html,google-chrome

I figured out the problem, the page was blocking my script as "Insecure" at the top right there was a little Shield Icon and after clicking on it I just had to put "Show Insecure Scripts" and it popped up. (If anyone feels like telling me so people don't have...