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...
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...
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...
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)....
How to redirect Google Chrome users to an error page
<?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. **...
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...
Magento admin panel not working in chrome [duplicate]
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) ...
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....
window.open auto new tab not working in 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....
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)...
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'; ...
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...
“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()...
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...
What format is the log prefix in the chrome_debug.log?
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) <<...
Difference between Google Chrome and Canary
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...
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...
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...
Bug in Chrome: render big box-shadow
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%;...
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...
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...
“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...
Image quality in Chrome is bad compared to other browsers
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
Restore bookmarks of deleted Chrome user?
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 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
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"...
Rss is not working in Google Chrome usin PHP MYSQL
This is because chrome doesn't have an inbuilt RSS reader, you have to sue an extension.
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...
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...
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 - 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 :) !...
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' #...
python 3.4 Google Chrome history
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)) ...
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...
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...
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...
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.
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.
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...
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. ...
Bordered element with display:table extends out of parent
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...
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...
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...
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.
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....
php redirection working in chorme but not on firefox
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...
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
Chrome all of a sudden zoomed in on 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...
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.
Three.js + Chrome 43: Error creating WebGL context
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....
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; ...
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>"] }); ...
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"); ...
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.
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...
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(); ...
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...
1px white spacing in Chrome between div's
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...
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?
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(){...
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.
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...
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...
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,...
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; } ...
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
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....
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...
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...
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> ...
POST to Laravel 4 Controller from Chrome for Android not working
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.
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;...
Chrome display issue with flexbox and overflow
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...
CSS: Chrome & Safari ignore table-cell heights
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....
$.ajax.done works on Firefox but not in 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...
NetBeans - how to open Chromium open source project with 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...
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...
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...
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...
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"> ...
@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"],...
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
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...
$(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(){...
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...
Text Align Center in Chrome (webkit)
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...
Chrome - Script tag isn't blocking
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 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...
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...
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
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...