I want to copy the title of a web page (or what appears within the tab, the part always visible) and paste that text somewhere.

How can I do this in Chrome?

14 Answers

Use a bookmarklet:

javascript:window.prompt("Copy to clipboard: Ctrl+C, Enter",document.title);

Credit for this window.prompt trick goes to Jarek Milewski. This bookmarklet also works in ANY browser, even Netscape 3, and not just Chrome.

7

Add a bookmark by hitting CtrlD or clicking on the star on the right end of the address bar.

Copy title.

Click on "Remove".

3

This can be achieved through the page source code:

1. Right click on the page and select 'View Source'
2. Look for the <title> tag
3. Select and copy the text.

4

The above script has the annoying habit of creating a blank page with the title at the top, in plain text, making you have to go back to the page whose title you wanted to copy. At least in Firefox 24.0.

A far more effective script that keeps you on the page is:

javascript:var%20title=document.title;if(title){var%20re=/(\\|\/|:|\*|\?|\%22|<|>|\|)/gi;title=title.replace(re,'');void(prompt('Page%20Title',%20title));}

3

You can use the Google Chrome extension Copy URL + Title:

Features:

• Copy Page URL
• Copy Page Title
• Copy Page HTML Link
• Copy Page Title and URL
• Copy URL of all Tab
• Copy Title of all Tab
• Copy HTML Link of all Tab
• Copy Title and URL of all Tab

Also available for Opera from

1

This bookmarklet copies the page Title to the clipboard with a single click.

javascript:copyToClipboard = str => {
const el = document.createElement('textarea');
el.value = str;
el.setAttribute('readonly', '');
el.style.position = 'absolute';
el.style.left = '-9999px';
document.body.appendChild(el);
const selected = document.getSelection().rangeCount > 0 ? document.getSelection().getRangeAt(0) : false;
el.select();
document.execCommand('copy');
document.body.removeChild(el);
if (selected) {
document.getSelection().removeAllRanges();
document.getSelection().addRange(selected);
}
};
copyToClipboard(document.title);

An answer inspired by SΛLVΘ's answer, although not identical:

Bookmark that page.

In the list of bookmarks, right click on that bookmark, choose Edit, and you will see the name and the url; by default, the name is the tab's title, unless you modify it

If you need Markdown as the end result, use Chromium Extension Copy Tab Info.

Features

Active tab in current window

• Copy title of active tab in current window as string
• Copy URL of active tab in current window as string
• Copy link of active tab in current window as HTML
• Copy link of active tab in current window as Markdown
• Copy link of active tab in current window as Markdown ordered list item
• Copy link of active tab in current window as Markdown unordered list item

All tabs in current window

• Copy titles of all tabs in current window as text
• Copy URLs of all tabs in current window as text
• Copy links of all tabs in current window as HTML ordered list
• Copy links of all tabs in current window as HTML unordered list
• Copy links of all tabs in current window as Markdown ordered list
• Copy links of all tabs in current window as Markdown unordered list

All tabs in all windows

• Copy titles of all tabs in all windows as text
• Copy URLs of all tabs in all windows as text
• Copy links of all tabs in all windows as HTML ordered list
• Copy links of all tabs in all windows as HTML unordered list
• Copy links of all tabs in all windows as Markdown ordered list
• Copy links of all tabs in all windows as Markdown unordered list

1

• Use the menu item "More tools" - "Save page as..." (or Ctrl + S).
• When "Save As" dialog box is displayed:
  • Delete ".html" suffix from the text in "File name" text box
  • Copy the text from "File name" text box (which should be the page title).
  • Cancel "Save As" dialog box

"Save As" dialog box

This bookmarklet copies the title to the clipboard:

javascript:navigator.clipboard.writeText(document.title);

Browser compatibility:

How to create a bookmarklet

1. Bookmark any web page (e.g. this page) and save it to the Bookmarks Bar (in Chrome) or Bookmarks Toolbar (in Firefox) or Favoutires (in Safari).
2. Right click on the new bookmark and choose Edit Bookmark.
3. Change the Name to something meaningful, e.g. "Copy Title"
4. In the URL copy and paste the JavaScript: javascript:navigator.clipboard.writeText(document.title);
5. Click on Save
6. Now when you click on the bookmarklet it will copy the title into the clipboard.
7. Paste into the destination document or app

Drag page icon to the bookmarks toolbar

One simple way that doesn't require any extras is to drag the small icon to the left of the URL to the Bookmarks bar (use CTR+Shift+B or Command+Shift+B to show/hide it), and then right-click on the new bookmark, pick Edit and copy the title.

Drag page icon to folder or the desktop

You can also drag the icon to a folder or to your desktop. On most systems this will create a bookmark file and set the page title as file name, from where it can be easily copied.

Drag page icon directly into a rich text document window

If you drag the page icon into Pages, Word, LibreOffice, Notes, etc on OSX this will insert a link with the page title as text and the URL as link target. On Windows and Linux just the plain text URL will be inserted, so it is not as handy, but can still be useful.

For example, the page icon from this SO page can be dragged directly into the reply edit form. Selecting the URL in the address bar and dragging it to an editable field usually has the same effect, and this is the alternative on OSX for example when you want the actual URL to be inserted instead of the linked title in a richtext edit.

Here's a bookmarklet that copies the title + url in markdown format

javascript:var title=document.title;if(title){var re= /(\\|\/|:|\*|\?|\"|<|>|\|)/gi;title="[" + title.replace(re,%27%27) + "]("+ document.location + ")";void(prompt(%27Page Title%27, title));}

There is an extension for it. Copy URL To Clipboard - Chrome Web Store

2

Building on the javascript mentioned by bugz above
( javascript:navigator.clipboard.writeText(document.title); )

... use the following one in order to preserve the URL in the address field:

javascript:navigator.clipboard.writeText(document.title);history.replaceState({},"",location.href);

Source: topic/47747/copy-page-title | Vivaldi Forum

Your Answer

Sign up or log in

Sign up using Google Sign up using Facebook Sign up using Email and Password Submit

Post as a guest

Post Your Answer Discard

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy