Do the following:

1. Select the top most element, you want to copy. (To copy all, select `&lt;html&gt;`)
2. Right click.
3. Select Edit as HTML
4. New sub-window opens up with the HTML text.
5. This is your chance. Press CTRL+A/CTRL+C and copy the entire text field to a different window.

it&#39;s the easiest way to do this.


1. Right click → copy → copy element

[![enter image description here][1]][1]


  [1]: https://i.stack.imgur.com/czwOu.gif

 1. Select the `&lt;html&gt;` tag in Elements.
 2. Do CTRL-C.
 3. Check if there is only lefting `&lt;!DOCTYPE html&gt;` before the `&lt;html&gt;`.

Using HTTrack software you can download all the website content to your local directory.
HTTrack: &lt;http://www.httrack.com/&gt;

**This is bit tricky**

Now a days most of website new techniques to save websites from scraping 

&gt; **1st Technique**

**Ctrl+U**         this will show you Page Source
[![enter image description here][1]][1]


&gt; **2nd Technique**


This one is small hack if the website has ajax like functionality.

**Just Hover the mouse key on inspect element untill whole screen becomes just right click then and copy element**
[![enter image description here][2]][2]


  [1]: https://i.stack.imgur.com/r7G8e.png
  [2]: https://i.stack.imgur.com/w8lAx.png

&gt; That&#39;s it you are good to go.

I would like to create a custom event in JavaScript.

I have a WPF application with a WebBrowser inside, and a HTML page with JavaScript.

I work with a printer. When the state of the printer changes, it triggers an event in .NET.

Then, I call a JavaScript method `OnPrinterStateChanged(state)` with the `InvokeScript` function of the WebBrowser control.

The problem is that I have to implement the method `OnPrinterStateChanged(state)` in my webpage. I can&#39;t change the name of the method or subscribe/unsubscribe to the event...

I would like to move the JavaScript method `OnPrinterStateChanged(state)` in a separate JavaScript file. 

What I want :

- Subscribe/Unsubscribe to the event in my HTML page and decide what I want to do when the event is triggered (ex. : &quot;function ChangeState&quot;)
- When the .NET event is triggered, it calls the `OnPrinterStateChanged(state)` of my separate .js file, then the JavaScript event is triggered and the function `ChangeState` is called.

I found some solutions but I didn&#39;t manage to make it work... What is the simplest way to do it?

Create JavaScript custom event

Is there any way to input arguments when launching spring-boot application (mvn spring-boot:run) from commandline and then get them in main()?


Get command-line arguments from spring-boot:run

I have a website of which I want to copy an HTML code from - **how do I copy all the text in inspect element** - so I don&#39;t get the website&#39;s HTML code, but the code that I have already changed so that I don&#39;t have elements I don&#39;t want in my own webpage?

Copying HTML code in Google Chrome&#39;s inspect element

<p>I have a website of which I want to copy an HTML code from - <strong>how do I copy all the text in inspect element</strong> - so I don't get the website's HTML code, but the code that I have already changed so that I don't have elements I don't want in my own webpage?</p>


I was finding solution to print webpage into local file PDF, using Python. one of the good solution is to use Qt, found here, https://bharatikunal.wordpress.com/2010/01/.

It didn&#39;t work at the beginning as I had problem with the installation of PyQt4 because it gave error messages such as &#39;`ImportError: No module named PyQt4.QtCore`&#39;, and &#39;`ImportError: No module named PyQt4.QtCore`&#39;.

It was because PyQt4&#39;s not installed properly. 
I used to have the libraries located at C:\Python27\Lib however it&#39;s not for PyQt4. 

In fact, it simply needs to download from http://www.riverbankcomputing.com/software/pyqt/download (mind the correct Python version you are using), and install it to C:\Python27 (my case). That&#39;s it.

Now the scripts runs fine so I want to share it. for more options in using Qprinter, please refer to http://qt-project.org/doc/qt-4.8/qprinter.html#Orientation-enum.


How to convert webpage into PDF by using Python

I need to fill the **remaining vertical space** of `#wrapper` under `#first` with `#second` div.

I need an only CSS solution.

&lt;!-- begin snippet: js hide: false console: true babel: false --&gt;

&lt;!-- language: lang-css --&gt;

    #wrapper {
      width: 300px;
      height: 100%;
    }

    #first {
      width: 300px;
      height: 200px;
      background-color: #F5DEB3;
    }

    #second {
      width: 300px;
      height: 100%;
      background-color: #9ACD32;
    }

&lt;!-- language: lang-html --&gt;

    &lt;div id=&quot;wrapper&quot;&gt;
      &lt;div id=&quot;first&quot;&gt;&lt;/div&gt;
      &lt;div id=&quot;second&quot;&gt;&lt;/div&gt;
    &lt;/div&gt;

&lt;!-- end snippet --&gt;



Fill remaining vertical space - only CSS

How do I hide the x-axis label/text that is displayed in chart.js ?

Setting `scaleShowLabels:false` only removes the y-axis labels.

    &lt;script&gt;
		var options = {
			scaleFontColor: &quot;#fa0&quot;,
			datasetStrokeWidth: 1,
			scaleShowLabels : false,
			animation : false,
			bezierCurve : true,
			scaleStartValue: 0,
		};
		var lineChartData = {
			labels : [&quot;1&quot;,&quot;2&quot;,&quot;3&quot;,&quot;4&quot;,&quot;5&quot;,&quot;6&quot;,&quot;7&quot;],
			datasets : [
				{
					fillColor : &quot;rgba(151,187,205,0.5)&quot;,
					strokeColor : &quot;rgba(151,187,205,1)&quot;,
					pointColor : &quot;rgba(151,187,205,1)&quot;,
					pointStrokeColor : &quot;#fff&quot;,
					data : [1,3,0,0,6,2,10]
				}
			]
			
		}

	var myLine = new Chart(document.getElementById(&quot;canvas&quot;).getContext(&quot;2d&quot;)).Line(lineChartData,options);
	
	&lt;/script&gt;

Remove x-axis label/text in chart.js

Hi am trying to add a div above every `&lt;tr&gt;` but when i look at the html console the div are showing outside the table. below is the html code.

    &lt;table&gt;
      &lt;div&gt;
        &lt;tr&gt;&lt;td&gt;&lt;/td&gt;&lt;/tr&gt;
      &lt;/div&gt;
      &lt;div&gt;
        &lt;tr&gt;&lt;td&gt;&lt;/td&gt;&lt;/tr&gt;
      &lt;/div&gt;
    &lt;/table&gt;

Is this not allowed? any help would be great.

Can we add div inside table above every &lt;tr&gt;?

How do you make a button in Bootstrap 3 undepress automatically after being clicked?

To replicate my problem, make a page with some buttons, give them appropriate bootstrap classes (and include bootstrap):

    &lt;input id=&quot;one&quot; type=&quot;button&quot; class=&quot;btn btn-default&quot; value=&quot;one&quot;&gt;
    &lt;input id=&quot;two&quot; type=&quot;button&quot; class=&quot;btn btn-primary&quot; value=&quot;two&quot;&gt;

Load the page and click on one of the buttons.  It becomes depressed and highlighted until you click somewhere else on the page (using FF29 and chrome35beta).

Inspecting the input element while clicked and unclicked doesn&#39;t show any additional classes being attached and removed from it.

Here&#39;s an example of Bootstrap buttons staying depressed: http://jsfiddle.net/52VtD/5166/

How to stop buttons from staying depressed with Bootstrap 3

This code:

    foo = [{id: 1},{id: 2},{id: 3},{id: 4}, {id: 5}, ];
    console.log(&#39;foo1&#39;, foo, foo.length);
    foo.splice(2, 1);
    console.log(&#39;foo2&#39;, foo, foo.length);

Produces the following output in Chrome:

    foo1 
    [Object, Object, Object, Object, Object]  5
        0: Object
        1: Object
        2: Object
        3: Object
        length: 4
        __proto__: Array[0]
         5 (index):23
    foo2 
    [Object, Object, Object, Object]  4
        0: Object
        1: Object
        2: Object
        3: Object
        length: 4
        __proto__: Array[0]


Fiddle: http://jsfiddle.net/2kpnV/

Why is that?



Weird behavior with objects &amp; console.log

I&#39;m using Chrome and my own website.

### What I know from the inside:

 **1**) I have a form where people sign up by clicking this orange image-button:

![enter image description here][1]

 **2**) I inspect it, and this is all it is:
`&lt;img class=&quot;formSend&quot; src=&quot;images/botoninscribirse2.png&quot;&gt;`

 **3**)  At the top of the source code, there are tons of script sources. I know which one the button calls because I coded it: `&lt;script src=&quot;js/jquery2.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;`

 **4**)  Within that file, you could find: `$(&quot;.formSend&quot;).click(function() { ... });` which is what is triggered by the button (to do a fairly complex form validation and submit) and **what I want is to be able to find that** using chrome dev tools on any website.

## How can I find out where does the element call?


Listeners tab didn&#39;t work for me. So then I tried looking the click event listeners, which seemed like a safe bet to me but... there&#39;s no `jquery2.js` in there (and I wouldn&#39;t really know which file the code is so I&#39;d waste time checking all these...):

![enter image description here][2]


My `$(&quot;.formSend&quot;).click(function() { ... });` function within `jquery2.js` file is not there.

[Jesse][3] explains **why**:

&gt; *&quot;Finally, the reason why your function is not directly bound to the click event handler is because jQuery returns a function that gets bound. jQuery&#39;s function, in turn, goes through some abstraction layers and checks, and somewhere in there, it executes your function.&quot;*

--------

As suggested by some of you I&#39;ve collected the methods that worked [in one answer down below][4].


  [1]: http://i.stack.imgur.com/U2BoA.png
  [2]: http://i.stack.imgur.com/eUevQ.png
  [3]: https://stackoverflow.com/users/238722/jesse
  [4]: https://stackoverflow.com/a/25818251/2495341

How to find what code is run by a button or element in Chrome using Developer Tools

What does this error message mean and how do I resolve it? That is from console of Google Chrome v33.0, on Windows 7.

&gt; Failed to load resource: net::ERR_CONTENT_LENGTH_MISMATCH &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;http://and.img.url/here.png


I&#39;m trying to change the images&#39; `src` attribute using jQuery. For example like this (simplified):

    $(&#39;.image-prld&#39;).attr(&#39;src&#39;, someDynamicValue);

There are about 30 images on the page. And the above error is happening for random images every time when I reload the page. But sometimes it is working well for all the images, without any error.

When this error happens, the particular image is displaying like [this][1]:

![enter image description here][2]

However, when I open the link next to the error message on a new tab, the image is loading, which says me logically that the images is valid and it exists. 


  [1]: http://screencast.com/t/KDFrTjRRO
  [2]: http://i.stack.imgur.com/vQUFE.png

Failed to load resource: net::ERR_CONTENT_LENGTH_MISMATCH

Ever since I upgraded my Samsung Galaxy S3 to android 4.3 (from 4.1.2) I am unable to use Chrome&#39;s remote debugging for android (more details [here][1]).

I have the developer options and USB debugging enabled on my phone, and this worked perfectly fine on android 4.1.2.
Now, when I connect my phone to my PC, it simply connects as a media storage device and is not discovered as a USB device by chrome.

I am ruling out any problems with chrome as I could USB debug with a Google Nexus4, also, looking at some other thread (here and elsewhere) it seems to be a problem with Samsung&#39;s 4.3 upgrade.

Any pointers to get this working?

  [1]: https://developer.chrome.com/devtools/docs/remote-debugging

Chrome&#39;s remote debugging (USB debugging) not working for Samsung Galaxy S3 running android 4.3

When I try to use the Chrome Developer Tools, it seems I can no longer view it in a new window.

Is this a bug or was that really an intended change in an update?

How can we open the Chrome Developer Tools in a new window?

Here&#39;s a screenshot of what I&#39;m talking about.

![enter image description here][1]


  [1]: http://i.stack.imgur.com/vl6Xo.png



How to open the Chrome Developer Tools in a new window?

I&#39;m looking for a clean example of how to copy text to iOS clipboard that can then be used/pasted in other apps.

The benefit of this function is that the text can be copied quickly, without the standard text highlighting functions of the traditional text copying.

I am assuming that the key classes are in `UIPasteboard`, but can&#39;t find the relevant areas in the [code example they supply](https://developer.apple.com/documentation/uikit/uipasteboard).


How to copy text to clipboard/pasteboard with Swift

How would I make an exact duplicate of an array?

I am having hard time finding information about duplicating an array in Swift.

I tried using `.copy()` 

    var originalArray = [1, 2, 3, 4]
    var duplicateArray = originalArray.copy()

How do I make a exact duplicate copy of an array?

I tried to copy text from IDEA with ideavim plugin, using default vim keybindings (**y**). But this text isn&#39;t copied in global buffer and i can paste it only in IDEA. &lt;br&gt;
How can I use copied piece of text in browser, for example?

Intellij IDEA with ideavim. Cannot copy text from another source

I need to make a copy of `HashMap&lt;Integer, List&lt;MySpecialClass&gt; &gt;` but when I change something in the copy I want the original to stay the same. i.e when I remove something from the `List&lt;MySpecialClass&gt;` from the copy it stays in the `List&lt;MySpecialClass&gt;` in the original. 

If I understand it correctly, these two methods create just shallow copy which is not what I want:

    mapCopy = new HashMap&lt;&gt;(originalMap);
    mapCopy = (HashMap) originalMap.clone();

Am I right?

Is there a better way to do it than just iterate through all the keys and all the list items and copy it manually?

How to copy HashMap (not shallow copy) in Java

I am copying `objA` to `objB`

    const objA = { prop: 1 }, 
    const objB = objA; 
    objB.prop = 2;
    console.log(objA.prop); // logs 2 instead of 1


same problem for Arrays

    const arrA = [1, 2, 3], 
    const arrB = arrA; 
    arrB.push(4); 
    console.log(arrA.length); // `arrA` has 4 elements instead of 3.

Modifying a copy of a JavaScript object is causing the original object to change

Is there a feature in Google Chrome developer tools that would allow skipping a line without it being executed while debugging, in a similar way that it can be done in Visual Studio?

One workaround I can think of is &#39;live editing&#39; the code by wrapping the line in

    if(false){ //line to be skipped }

But this is not the most convenient workaround that I would have to do after every refresh. **Is there a built-in or faster, better way of doing this?**


Skip line while debugging in Chrome developer tools

I was helping a colleague debug some code today and I noticed a strange behavior with `console.log()` in Google Chrome:

It appears that if you:

1. Create a nested array (e.g., [[345,&quot;test&quot;]])

2. Log the array to the console with `console.log()`.

3. Modify one of the inner array values, then `console.log()` will output the later value -- **not** the values of the array at the time the `console.log()` was executed.

**JavaScript**:

    var test = [[2345235345,&quot;test&quot;]]
    console.log(test);
    test[0][0] = 1111111;
    // outputs: [[1111111,&quot;test&quot;]]
    
    var testb = {};
    testb.test = &quot;test&quot;;
    console.log(testb);
    testb.test = &quot;sdfgsdfg&quot;;
    // outputs: {&quot;testb&quot;:&quot;test&quot;}

    
    var testc = [&quot;test&quot;,&quot;test2&quot;];
    console.log(testc);
    testc[0] = &quot;sdxfsdf&quot;;
    // outputs: [&quot;test&quot;,&quot;test2&quot;]

**[JSFiddle Example][1]**

This behavior does not happen in Firefox.

Also to note, if I stepped through his code line by line in the Chrome debugger, then `console.log()` would output the correct values.

Is there an explanation for this strange phenomenon or is it just a bug with Google Chrome? 

**EDIT:**

I&#39;ve narrowed down the steps to reproduce the inconsistent `console.log()` behavior: 

If you add this script to your page:

    var greetings=[&#39;hi&#39;,&#39;bye&#39;];
    console.log(greetings);
    setTimeout(function(){
        greetings.push(&#39;goodbye&#39;);
    },3000);

and open it in a new window with the Chrome **console window already open**, then the `console.log()` output will be different than if you load the page with the **console window closed**. [Here&#39;s a JSFiddle that demonstrates that](http://jsfiddle.net/markasoftware/kcGkZ/).

In the first case, with the console window already open, `console.log()` will output the current value of the array (i.e., two items). 

In the second case, with the console window initially closed and opened only *after* the page loads, `console.log()` will output the later values of the array (i.e., three items). 

Is this a bug in Google Chrome&#39;s `console.log()` functionality?

  [1]: http://jsfiddle.net/ju3ZV/2/
  [2]: https://vidd.me/dLH

Google Chrome console.log() inconsistency with objects and arrays

Ever since I upgraded to Postman 0.9.6 I can&#39;t replicate user sessions because chrome doesn&#39;t allow postman to get user cookies. However, they have decided to &quot;work around&quot; this issue by created another plugin called Postman Interceptor that routes your postman request and grabs the user cookies. They wrote a blog post about this wonderful tool here: http://blog.getpostman.com/index.php/2014/02/11/postman-v0-9-6-access-cookies-and-restricted-headers-plus-better-testing/

However, I can&#39;t seem to figure out how to get this thing to work. I have been trying for an hour now, and it still won&#39;t see my request as a logged in user

How to use Postman Interceptor

I am developing websites and creating applications. I want to know how to inspect an element through web browsers like safari. 

In normal Chrome, Firefox, Explorer or any other browsers, we will right click the mouse button or press Function Key `F12` to view the `Inspect Element`. But it is not happening in the case of safari browser.

Share your thoughts! 

Content Type	Original Author	Original Content on Stackoverflow
Question	user3581631	View Question on Stackoverflow
Solution 1 - Html	barryjones	View Answer on Stackoverflow
Solution 2 - Html	Vincent Tang	View Answer on Stackoverflow
Solution 3 - Html	Pedro Reis	View Answer on Stackoverflow
Solution 4 - Html	Dilshan Dilip	View Answer on Stackoverflow
Solution 5 - Html	Ahmed Mujtaba	View Answer on Stackoverflow

Copying HTML code in Google Chrome's inspect element

Html Problem Overview

Html Solutions

Solution 1 - Html

Solution 2 - Html

Solution 3 - Html

Solution 4 - Html

Solution 5 - Html

Get command-line arguments from spring-boot:run

Create JavaScript custom event

Attributions