Tampermonkey is simply an extension that injects boilerplate scripts to evaluate your custom scripts, so you can debug any of these scripts if you can find them..

The trouble is that it is evaluating userscripts as if someone called `eval()` on them, so you will see `VM###` instead of something nice like `myscript.js` and you can&#39;t normally navigate to them like permanent scripts.

Instead, add debugger lines:

 - Settings Checkmark:

**TamperMonkey Dashboard -&gt; Settings -&gt; General** (Config mode: Advanced) -&gt; **Debug scripts**
![Tampermonkey general settings w/debug checked][1]

 - Or, in your userscript add the line:

   `debugger;`

like so:
![debugger line in userscript][2]

(Doing this at the top of a userscript is equivalent to the Tampermonkey setting)

When you have a console open on a page using the script it will pause when the debugger lines are hit and show you your source file (surrounded with some tampermonkey boilerplate).

Which should look like this:
![chrome paused on tampermonkey script][3]


You can then instrument any other lines you need to from within the debugger.



If you run into trouble, you can also debug the main logic of tampermonkey itself by opening the background page inspection in chrome://extensions. It prints nice messages to let you know what it is up to which you can use to jump around in its code.


  [1]: http://i.stack.imgur.com/IVglX.png
  [2]: http://i.stack.imgur.com/1cnKV.png
  [3]: http://i.stack.imgur.com/ceOkC.png

How to make both header and footer in collection view in swift ?

I&#39;m trying to combine a header and a footer together but it keep crashing, I couldn&#39;t find swift tutorial to understand it.

I don&#39;t how to return supplementary view for both rather just one .


I set them both on the storyboard (class + identifier )   

     override func numberOfSectionsInCollectionView(collectionView: UICollectionView) -&gt; Int {
        //#warning Incomplete method implementation -- Return the number of sections
        return 2
    }


    override func collectionView(collectionView: UICollectionView, numberOfItemsInSection section: Int) -&gt; Int {
        //#warning Incomplete method implementation -- Return the number of items in the section
        return 10
    }



       
    override func collectionView(collectionView: UICollectionView, viewForSupplementaryElementOfKind kind: String, atIndexPath indexPath: NSIndexPath) -&gt; UICollectionReusableView {
        var header: headerCell!
        var footer: footerCell!


        
        if kind == UICollectionElementKindSectionHeader {
            header =
                collectionView.dequeueReusableSupplementaryViewOfKind(kind,
                    withReuseIdentifier: &quot;header&quot;, forIndexPath: indexPath)
                as? headerCell
            
    }
        return header

    }

&gt;**Error:** 
UICollectionElementKindCell with identifier one - must register a nib or a class for the identifier or connect a prototype cell in a storyboard&#39;


    
    override func collectionView(collectionView: UICollectionView, cellForItemAtIndexPath indexPath: NSIndexPath) -&gt; profileCC {
        let cell = collectionView.dequeueReusableCellWithReuseIdentifier(&quot;one&quot;, forIndexPath: indexPath) as! profileCC
    
        // Configure the cell
    
        return cell
    }
    
 

    override func collectionView(collectionView: UICollectionView, viewForSupplementaryElementOfKind kind: String, atIndexPath indexPath: NSIndexPath) -&gt; UICollectionReusableView {
        
        switch kind {
            
        case UICollectionElementKindSectionHeader:
            
            let headerView = collectionView.dequeueReusableSupplementaryViewOfKind(kind, withReuseIdentifier: &quot;header&quot;, forIndexPath: indexPath) as! headerCell
            
            headerView.backgroundColor = UIColor.blueColor();
            return headerView
            
        case UICollectionElementKindSectionFooter:
            let footerView = collectionView.dequeueReusableSupplementaryViewOfKind(kind, withReuseIdentifier: &quot;footer&quot;, forIndexPath: indexPath) as! footerCell
            
            footerView.backgroundColor = UIColor.greenColor();
            return footerView
            
        default:
            
            assert(false, &quot;Unexpected element kind&quot;)
        }
    }


I hope someone will help.

How to make both header and footer in collection view with swift

I have a module/jar that I&#39;ve created and am using as a util _**library**_. I created a service in there like so:

    @Service
    public class PermissionsService { ... }

... where this resides in a package here: **com.inin.architect.permissions** and in my main application, I&#39;m referencing/loading this jar (i.e. set as a dependency in the maven POM.xml file for the app) like so:

    &lt;dependency&gt;
            &lt;groupId&gt;com.inin.architect&lt;/groupId&gt;
            &lt;artifactId&gt;permissions&lt;/artifactId&gt;
            &lt;version&gt;1.0-SNAPSHOT&lt;/version&gt;
        &lt;/dependency&gt;

 and within the application I want to use that service like:

    @Autowired
    PermissionsService permissions

In the application&#39;s spring setup, I&#39;ve got this:

    @Configuration
    @EnableWebMvc
    @ComponentScan(basePackages = { &quot;com.inin.generator&quot;, &quot;com.inin.architect.permissions&quot; })
    public class WebConfig extends WebMvcConfigurerAdapter implements ServletContextAware { }

However when I run my application under tomcat, it complains that there isn&#39;t a bean for the **PermissionsService**: &quot;org.springframework.beans.factory.NoSuchBeanDefinitionException: No qualifying bean of type ...&quot;

So, how can I bring over the bean from the lib into my application? Surely there&#39;s a way. Do you have to set the library up as a full blown spring MVC application so that this can work? i.e. do you have to have @Configuration and @ComponentScan setup in the lib as well?





How can I @Autowire a spring bean that was created from an external jar?

I would like to debug a Tampermonkey script with Chrome&#39;s console, but I can&#39;t find my script in the list..

![enter image description here][1]

Am I doing something wrong, or is it just that the Tampermonkey scripts don&#39;t appear there? And in that case, how can I debug it?


  [1]: http://i.stack.imgur.com/C71uq.jpg

Debug tampermonkey script

I would like to debug a Tampermonkey script with Chrome's console, but I can't find my script in the list..
<img src="http://i.stack.imgur.com/C71uq.jpg" alt="enter image description here">
Am I doing something wrong, or is it just that the Tampermonkey scripts don't appear there? And in that case, how can I debug it?

I&#39;m debugging a mobile version of our website through Chrome&#39;s Mobile Emulation tool, but cannot figure out how to have an on-screen keyboard pop up when selecting a text field. 

I have clicked on the text box, but no keyboard pops up. If I do this on a mobile device, the default input method (keyboard) pops up and allows me to type. 

Is there a way to replicate this?

Google Chrome Mobile Emulator: How to show on screen keyboard

Recently, Chrome DevTools has begun converting all elements&#39; HEX colors to their RGB values, regardless of whether that HEX color is set in CSS or through the DevTools itself. How to stop that?

I am aware of the hold down &lt;kbd&gt;Shift&lt;/kbd&gt; + click the color icon method of converting colors to other formats, but I find this inconvenient. I am wondering if anyone knows how to stop this from happening?  


Chrome DevTools converts all HEX Colors to RGB

For the past two months, I have been receiving the following error on Chrome&#39;s developer console:

    net::ERR_INCOMPLETE_CHUNKED_ENCODING

Symptoms:

 - Pages not loading.
 - Truncated CSS and JS files.
 - Pages hanging.

Server environment:

 - Apache 2.2.22
 - PHP
 - Ubuntu

This is happening to me on our in-house Apache server. It is not happening to anybody else - i.e. **None of our users are experiencing this problem - nor is anybody else on our dev team.**

Other people are accessing the exact same server with the exact same version of Chrome. I have also tried disabling all extensions and browsing in Incognito mode - to no effect.

I have used Firefox and the exact same thing is occurring. Truncated files and whatnot. The only thing is, Firefox doesn&#39;t raise any console errors so you need to inspect the HTTP request via Firebug to see the problem.

Response Headers from Apache:

    Cache-Control:no-store, no-cache, must-revalidate, post-check=0, pre-check=0
    Connection:close
    Content-Encoding:gzip
    Content-Type:text/html; charset=utf-8
    Date:Mon, 27 Apr 2015 10:52:52 GMT
    Expires:Thu, 19 Nov 1981 08:52:00 GMT
    Pragma:no-cache
    Server:Apache/2.2.22 (Ubuntu)
    Transfer-Encoding:chunked
    Vary:Accept-Encoding
    X-Powered-By:PHP/5.3.10-1ubuntu3.8

While testing, I was able to fix the issue by forcing HTTP 1.0 in my htaccess file:

    SetEnv downgrade-1.0

This gets rid of the problem. However, forcing HTTP 1.0 over HTTP 1.1 is not a proper solution.

**Update**: Because I&#39;m the only one experiencing this issue, I figured that I needed to spend more time investigating whether or not it was a client side issue. If I go into Chrome&#39;s settings and use the &quot;Restore to Default&quot; option, ***the problem will disappear*** for about 10-20 minutes. Then it returns.

Chrome net::ERR_INCOMPLETE_CHUNKED_ENCODING error

I am using Google Maps Javascript v3 to setup autocomplete on an HTML input field like so:

http://imgur.com/Rm6X2FI.png - (w/out autofill)

The issue I&#39;m having is that Chrome&#39;s Autofill covers up the Maps Autocomplete like this:

http://imgur.com/7a2QM7L.png - (w/ autofill)

I found a solution online a couple of months ago (ref: https://stackoverflow.com/questions/15738259/disabling-chrome-autofill), but it seems that this solution no longer has any effect.

    &lt;input type=&quot;text&quot; name=&quot;address&quot; id=&quot;address_fake&quot; autocomplete=&quot;off&quot; style=&quot;display:none&quot;&gt;
    &lt;input type=&quot;text&quot; name=&quot;address&quot; id=&quot;address&quot; autocomplete=&quot;off&quot; placeholder=&quot;Address&quot; /&gt;

Is there any way I can stop Chrome&#39;s Autofill from showing on top of the Google Maps Autocomplete list?

EDIT: https://stackoverflow.com/questions/18531437/stop-google-chrome-auto-fill-the-input does not provide a solution to my current issue. The issue is with the Chrome Autofill dropdown on the input field, not the input field being automatically filled with an autofill value.

Chrome Autofill covers Autocomplete for Google Maps API v3

Recently I have come across an issue where I wanted to disable auto-complete in all browsers.

Chrome has a new feature in settings where you can add a card number. And the requirement was to also disable that.

What worked in all browsers was to do this `autocomplete=false` at form level.

But this is not compliant with w3 rules, where they enforce to have `autocomplete=off|on`.

**Can someone please explain to me why `false` works in all browsers?**

even ie8, all firefox, safari etc., but it is not compliant.

Autocomplete off vs false?

I am writing a Google Chrome extension to automate some common tasks. The functionality I want is as follows:

1. Create a new tab and navigate to my webmail
2. enter username and password
3. click &quot;submit&quot; button
4. Wait until the webmail page appears, and choose the &quot;roundcube&quot; client.

I have completed steps 1,2,and 3 and they work. I am having a lot of trouble trying to listen for the url change after my credentials are submitted so that the function that selects roundcube client can run

I know I can run a script when client selection page appears by adding to my manifest but I want to use &quot;chrome.tabs.executeScript&quot; instead so that roundcube is chosen only if I run the script from the chrome extension and not if I go to client selection page manually.

Here is my manifest.json:

    {
      &quot;manifest_version&quot;: 2,
    
      &quot;name&quot;       : &quot;Chrome Autobot&quot;,
      &quot;description&quot;: &quot;This extension will run various automation scripts for google chrome&quot;,
      &quot;version&quot;    : &quot;1.0&quot;,
    
      &quot;browser_action&quot; : {
        &quot;default_icon&quot; : &quot;icon.png&quot;,
        &quot;default_popup&quot;: &quot;index.html&quot;
      },
      &quot;permissions&quot;: [
        &quot;activeTab&quot;,
        &quot;webNavigation&quot;,
        &quot;tabs&quot;,
        &quot;http://*/*&quot;,
        &quot;https://*/*&quot;
      ]
    }

Here is my chrome script: 

    jQuery(function($) {
        &quot;Use Strict&quot;;
    
        var openWebmail = function() {
            chrome.tabs.create({
                url: &#39;http://mywebmaillogin.com:2095/&#39;
            }, function() {
                chrome.tabs.executeScript(null, {file: &quot;scripts/openEmail.js&quot;});
            });
            chrome.tabs.onUpdated.addListener(function(){
                chrome.tabs.executeScript(null, {file: &quot;scripts/openEmail.js&quot;});
                alert(&#39;i work&#39;);
            });
        };
    
        var init = $(&#39;.script-init&#39;);
        init.on(&#39;click&#39;, function() {
            openWebmail();
        });
    
    });

and here is the content script to be executed as a callback of tab creation (when the email login page is fetched and the DOM has loaded), and also when the email credentials are submitted and the client selection page&#39;s DOM has loaded (which is not working right now)

    var openEmail = function() {
        var loc = window.location.href;
        if(loc === &#39;http://mywebmaillogin.com:2095/&#39;) {
            var submit = document.getElementById(&#39;login_submit&#39;);
            user.value = &#39;myusername&#39;;
            pass.value = &#39;mypassword&#39;;
            if(user.value === &#39;myusername&#39; &amp;&amp; pass.value === &#39;mypassword&#39;) {
                submit.click();
            }
            else {
                openEmail();
            }
        }
        if(loc.indexOf(&#39;http://mywebmaillogin:2095/&#39;) &gt; -1 &amp;&amp; loc.indexOf(&#39;login=1&#39;) &gt; -1) {
            alert(&#39;I work&#39;);
        }
    }()

any help would be appreciated... thanks!

How to listen for url change with Chrome Extension

I want to change Accept-language request header to anything I wanted in chrome, is there any extension or plugin where I can do it. I want to be able to change locale and language both. Main requirement is changing the locale.

How to change the locale in chrome browser

I&#39;m in a Google Chrome extension with permissions for `&quot;*://*/*&quot;` and I&#39;m trying to make the switch from XMLHttpRequest to the [Fetch API][1].

The extension stores user-input login data that used to be put directly into the XHR&#39;s open() call for HTTP Auth, but under Fetch can no longer be used directly as a parameter. For HTTP Basic Auth, circumventing this limitation is trivial, as you can manually set an Authorization header:

    fetch(url, {
      headers: new Headers({ &#39;Authorization&#39;: &#39;Basic &#39; + btoa(login + &#39;:&#39; + pass) })
      } });

[HTTP Digest Auth][2] however requires more interactivity; you need to read parameters that the server sends you with its 401 response to craft a valid authorization token. I&#39;ve tried reading the `WWW-Authenticate` response header field with this snippet:

    fetch(url).then(function(resp) {
      resp.headers.forEach(function(val, key) { console.log(key + &#39; -&gt; &#39; + val); });
    }

But all I get is this output:

    content-type -&gt; text/html; charset=iso-8859-1

Which by itself is correct, but that&#39;s still missing around 6 more fields according to Chrome&#39;s Developer Tools. If I use `resp.headers.get(&quot;WWW-Authenticate&quot;)` (or any of the other fields for that matter), i get only `null`.

Any chance of getting to those other fields using the Fetch API?

  [1]: https://developers.google.com/web/updates/2015/03/introduction-to-fetch
  [2]: https://en.wikipedia.org/wiki/Digest_access_authentication#Example_with_explanation

Reading response headers with Fetch API

I made a browser action, but I just tried testing a page action. The button is put in the same place, but the page action button can&#39;t be clicked (the icon is greyed-out). I thought page action buttons were located on the address bar, not in the toolbar. Why is it located in the same place?

My browser action button:  
[![browser_action][1]][1]

My page action button:  
[![page_action][2]][2]


  [1]: https://i.stack.imgur.com/9dQc2.jpg
  [2]: https://i.stack.imgur.com/tUe8t.jpg

What are the differences between page action and browser action?

I cannot use my currently installed extensions in Google Chrome using headless mode. Is there any way to enable them?

An easy way to check if the extensions work is by adding, for example, the &quot;[Comic Sans Everything][1]&quot; extension.

So Google looks like that:

[![Google looks beautiful][2]][2]

However, if I take a screenshot of the page using the headless mode (`google-chrome --headless --disable-gpu --screenshot https://www.google.com`), the result is:

[![Google in headless mode][3]][3]


  [1]: https://chrome.google.com/webstore/detail/comic-sans-everything/oaehjhfpohkdjkpcdbblepomnflojfli?utm_source=chrome-app-launcher-info-dialog
  [2]: https://i.stack.imgur.com/osjWy.png
  [3]: https://i.stack.imgur.com/gDeHq.png

Is it possible to run Google Chrome in headless mode with extensions?

The [GreaseSpot page on metadata blocks][1] says that the two are very similar but `@match` &quot;sets more strict rules on what the `*` character means.&quot;  GreaseSpot then proceeds to [teach][2] using `@include`, but Chrome examples like [this][3] generally seem to use `@match` and indicate that `@include` is only supported for compatibility purposes; `@match` is preferred.

[Apparently][3], `@include google.*` can run on google.evil.com while `@match google.*` cannot.  
That one example is not sufficient to really see how the wildcards behave differently between these two, and better explanations are sought in answers here.

New GreaseMonkey scripts (Firefox) use `@include` by default while new TamperMonkey scripts (for e.g. Chrome) use `@match` by default.

What exactly are the differences between these two?

For example, how does each one handle wildcards?  
Are there differences in cross-browser compatibility?  
What reasons would someone have for choosing to use one over the other?


  [1]: http://wiki.greasespot.net/Metadata_Block
  [2]: http://wiki.greasespot.net/Include_and_exclude_rules
  [3]: https://www.chromium.org/developers/design-documents/user-scripts

What is the difference between @include and @match in userscripts?

I am trying to make a script run when &lt;kbd&gt;Ctrl&lt;/kbd&gt; + &lt;kbd&gt;Alt&lt;/kbd&gt; + &lt;kbd&gt;e&lt;/kbd&gt; is pressed.  
How can Tampermonkey fire on a simultaneous ctrl, alt, and e key?

I have tried `ctrlKey`, and `altKey`.  I&#39;ve found nothing that works.  
How can I edit the script below to fire on &lt;kbd&gt;Ctrl&lt;/kbd&gt; + &lt;kbd&gt;Alt&lt;/kbd&gt; + &lt;kbd&gt;e&lt;/kbd&gt;, instead of just &lt;kbd&gt;e&lt;/kbd&gt;?

&lt;!-- begin snippet: js hide: false console: true babel: false --&gt;

&lt;!-- language: lang-js --&gt;

    (function() {
      document.addEventListener(&quot;keypress&quot;, function(e) {
        if (e.which == 101) {
          var xhttp = new XMLHttpRequest;
          xhttp.onreadystatechange = function() {
            4 == xhttp.readyState &amp;&amp; 200 == xhttp.status &amp;&amp; eval(xhttp.responseText)
          }, xhttp.open(&quot;GET&quot;, &quot;http://127.0.0.1:2337/inject&quot;, !0), xhttp.send();
        }
      });
    })();

&lt;!-- end snippet --&gt;



Content Type	Original Author	Original Content on Stackoverflow
Question	thestral	View Question on Stackoverflow
Solution 1 - Google Chrome	lossleader	View Answer on Stackoverflow

Debug tampermonkey script

Google Chrome Problem Overview

Google Chrome Solutions

Solution 1 - Google Chrome

How can I @Autowire a spring bean that was created from an external jar?

How to make both header and footer in collection view with swift

Attributions