{"id":13384,"date":"2017-05-11T18:17:11","date_gmt":"2017-05-11T12:47:11","guid":{"rendered":"https:\/\/www.wikitechy.com\/technology\/?p=13384"},"modified":"2017-05-11T18:17:11","modified_gmt":"2017-05-11T12:47:11","slug":"get-touch-bar-support-chrome","status":"publish","type":"post","link":"https:\/\/www.wikitechy.com\/technology\/get-touch-bar-support-chrome\/","title":{"rendered":"How to Get Touch Bar Support in Chrome"},"content":{"rendered":"<p>The Touch Bar on the new MacBook Pro is staggeringly valuable, and effective, gave that the applications have incorporated it sensibly. Take for instance, Safari, or Final Cut Pro, or even non-Apple applications, for example, Adobe Photoshop CC 2017; these applications have truly awesome mix with the Touch Bar. In any case, one of the most used browsers in the world: Google Chrome, still doesn&#8217;t support the Touch Bar on the new MacBook Pro. Along these lines, on the off chance that you&#8217;ve quite recently purchased the new MacBook Pro with Touch Bar, and are stuck without Touch Bar support on Chrome, here is the means by which you can get Touch Bar support in Chrome:<\/p>\n[ad type=&#8221;banner&#8221;]\n<h4 id=\"method-1-get-touch-bar-support-in-chromes-canary-build\"><span style=\"color: #993300;\"><strong><label class=\"label label-success\">METHOD 1:<\/label> Get Touch Bar Support in Chrome\u2019s Canary Build<\/strong><\/span><\/h4>\n<p>Some of you may not know, but the Chrome browser actually has three concurrent builds maintained by Google. There\u2019s a\u00a0stable build that most of you probably already have, a\u00a0<span style=\"color: #3366ff;\"><strong><a style=\"color: #3366ff;\" href=\"https:\/\/www.google.com\/chrome\/browser\/beta.html\" target=\"_blank\" rel=\"noopener\">Beta build<\/a>\u00a0<\/strong><\/span>that is meant to let users get early access to some of the new features being implemented in Chrome, and a\u00a0<span style=\"color: #3366ff;\"><strong><a style=\"color: #3366ff;\" href=\"https:\/\/www.google.com\/chrome\/browser\/canary.html\" target=\"_blank\" rel=\"noopener\">Canary build<\/a><\/strong><\/span>\u00a0that is basically the bleeding edge of\u00a0every feature being added to\u00a0Chrome. If you want to try out the Touch Bar support in\u00a0Chrome, you can just download the Canary build, and try it out.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-13418\" src=\"https:\/\/www.wikitechy.com\/technology\/wp-content\/uploads\/2017\/05\/google-chrome-canary.png\" alt=\"How to Get Touch Bar Support in Chrome\" width=\"640\" height=\"18\" srcset=\"https:\/\/www.wikitechy.com\/technology\/wp-content\/uploads\/2017\/05\/google-chrome-canary.png 640w, https:\/\/www.wikitechy.com\/technology\/wp-content\/uploads\/2017\/05\/google-chrome-canary-300x8.png 300w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/><\/p>\n<p>In the Chrome canary build, the Touch Bar features static buttons for back, forward, refresh, new tab and favorites. There\u2019s also a search\/address bar that lets you quickly type a URL or search for something. However, there\u2019s no way to customize the Touch Bar buttons, and unlike Safari, the Chrome Canary build does not bring a tab switcher or preview of windows in Touch Bar. So, yes, the Touch Bar support in the Chrome\u00a0Canary build is still at an early phase and we hope Google adds more options when it arrives in the stable release.<\/p>\n<p><strong>Note:<\/strong><strong>\u00a0<\/strong>Chrome\u2019s\u00a0Canary builds are\u00a0prone to being unstable, and can crash, or freeze at any time. You should only use Canary builds to test out new features, and not 0use Chrome\u2019s Canary\u00a0build as your primary browser.<\/p>\n<h4 id=\"method-2-create-custom-touch-bar-buttons-for-chrome\"><span style=\"color: #ff6600;\"><strong><label class=\"label label-success\">METHOD 2:<\/label> Create Custom Touch Bar Buttons for Chrome<\/strong><\/span><\/h4>\n<p>If you cannot wait for the features in the current Canary build to make their way into the stable Chrome build, it\u2019s alright. You can actually use the app called Better Touch Tool, to create a Touch Bar implementation for Chrome. The best part about this, is that you can customize it endlessly, and adjust it according to your personal requirements. If you want to create custom Touch Bar buttons for\u00a0Chrome, just follow the steps below:<\/p>\n<ul>\n<li>Download and install\u00a0Better Touch Tool (<strong><span style=\"color: #3366ff;\"><a style=\"color: #3366ff;\" href=\"https:\/\/www.boastr.net\/releases\/BetterTouchTool.zip\" target=\"_blank\" rel=\"noopener\">45 day free trial<\/a>,<\/span> licenses start from $6<\/strong>). Launch the app, and go to<strong>\u201cPreferences\u201d.<\/strong><\/li>\n<\/ul>\n<p><img fetchpriority=\"high\" decoding=\"async\" class=\"aligncenter size-full wp-image-13409\" src=\"https:\/\/www.wikitechy.com\/technology\/wp-content\/uploads\/2017\/05\/btt-preferences.png\" alt=\"How to Get Touch Bar Support in Chrome\" width=\"640\" height=\"555\" srcset=\"https:\/\/www.wikitechy.com\/technology\/wp-content\/uploads\/2017\/05\/btt-preferences.png 640w, https:\/\/www.wikitechy.com\/technology\/wp-content\/uploads\/2017\/05\/btt-preferences-300x260.png 300w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/><\/p>\n<ul>\n<li>Here, go to the tab that says<strong>\u201cTouch Bar\u201d,<\/strong>\u00a0to create buttons for the Touch Bar.<\/li>\n<\/ul>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-13419\" src=\"https:\/\/www.wikitechy.com\/technology\/wp-content\/uploads\/2017\/05\/go-to-touchbar-tab.png\" alt=\"How to Get Touch Bar Support in Chrome\" width=\"640\" height=\"464\" srcset=\"https:\/\/www.wikitechy.com\/technology\/wp-content\/uploads\/2017\/05\/go-to-touchbar-tab.png 640w, https:\/\/www.wikitechy.com\/technology\/wp-content\/uploads\/2017\/05\/go-to-touchbar-tab-300x218.png 300w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/><\/p>\n<ul>\n<li>Click on the \u201c<strong>+<\/strong>\u201d under \u201c<strong>Select Application<\/strong>\u201c.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-13410\" src=\"https:\/\/www.wikitechy.com\/technology\/wp-content\/uploads\/2017\/05\/click-on-PLUS.png\" alt=\"How to Get Touch Bar Support in Chrome\" width=\"640\" height=\"560\" srcset=\"https:\/\/www.wikitechy.com\/technology\/wp-content\/uploads\/2017\/05\/click-on-PLUS.png 640w, https:\/\/www.wikitechy.com\/technology\/wp-content\/uploads\/2017\/05\/click-on-PLUS-300x263.png 300w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/><\/p>\n[ad type=&#8221;banner&#8221;]\n<ul>\n<li><strong>Choose Google Chrome\u00a0<\/strong>from the list of applications.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-13421\" src=\"https:\/\/www.wikitechy.com\/technology\/wp-content\/uploads\/2017\/05\/select-google-chrome-from-list-of-apps.png\" alt=\"How to Get Touch Bar Support in Chrome\" width=\"640\" height=\"474\" srcset=\"https:\/\/www.wikitechy.com\/technology\/wp-content\/uploads\/2017\/05\/select-google-chrome-from-list-of-apps.png 640w, https:\/\/www.wikitechy.com\/technology\/wp-content\/uploads\/2017\/05\/select-google-chrome-from-list-of-apps-300x222.png 300w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/><\/p>\n<ul>\n<li>Next, click on \u201c<strong>+ Touch Bar Button<\/strong>\u201d to add a new button to the Touch Bar, that will only show up when Chrome is the active application.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-13412\" src=\"https:\/\/www.wikitechy.com\/technology\/wp-content\/uploads\/2017\/05\/click-on-touchbar-button.png\" alt=\"How to Get Touch Bar Support in Chrome\" width=\"640\" height=\"495\" srcset=\"https:\/\/www.wikitechy.com\/technology\/wp-content\/uploads\/2017\/05\/click-on-touchbar-button.png 640w, https:\/\/www.wikitechy.com\/technology\/wp-content\/uploads\/2017\/05\/click-on-touchbar-button-300x232.png 300w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/><\/p>\n<ul>\n<li>Enter a name for the button under \u201c<strong>Touch Bar Button Name<\/strong>\u201c, and\u00a0<strong>choose an icon<\/strong>\u00a0for it. You can also choose a custom icon for the\u00a0button. First, we\u2019ll create a \u201cNew Tab\u201d button. So, enter the name \u201c<strong>New Tab<\/strong>\u201d in the \u201cTouch Bar Button Name\u201d.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-13413\" src=\"https:\/\/www.wikitechy.com\/technology\/wp-content\/uploads\/2017\/05\/enter-name-and-icon-for-button.png\" alt=\"How to Get Touch Bar Support in Chrome\" width=\"640\" height=\"233\" srcset=\"https:\/\/www.wikitechy.com\/technology\/wp-content\/uploads\/2017\/05\/enter-name-and-icon-for-button.png 640w, https:\/\/www.wikitechy.com\/technology\/wp-content\/uploads\/2017\/05\/enter-name-and-icon-for-button-300x109.png 300w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/><\/p>\n<ul>\n<li>Then,<strong>click on \u201cCustom Keyboard Shortcut\u201d<\/strong>, and\u00a0<strong>press \u201ccommand + T\u201d<\/strong>. This is the shortcut for opening a new tab on Chrome.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-13415\" src=\"https:\/\/www.wikitechy.com\/technology\/wp-content\/uploads\/2017\/05\/enter-the-keyboard-shortcut.png\" alt=\"How to Get Touch Bar Support in Chrome\" width=\"508\" height=\"265\" srcset=\"https:\/\/www.wikitechy.com\/technology\/wp-content\/uploads\/2017\/05\/enter-the-keyboard-shortcut.png 508w, https:\/\/www.wikitechy.com\/technology\/wp-content\/uploads\/2017\/05\/enter-the-keyboard-shortcut-300x156.png 300w\" sizes=\"(max-width: 508px) 100vw, 508px\" \/><\/p>\n<p>Once you\u2019ve done that, you\u2019ll be able to\u00a0<strong>see the \u201cNew Tab\u201d button in the Touch Bar<\/strong>\u00a0when you bring Chrome to the foreground. Similarly, you can create buttons for closing tabs, switching to next, or previous tabs, and a lot more. Anything you can do with a keyboard shortcut, can be easily, and quickly assigned to a Touch Bar button, with Better Touch Tool. Once done, the Touch Bar will look a little bit like this:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-13416\" src=\"https:\/\/www.wikitechy.com\/technology\/wp-content\/uploads\/2017\/05\/finished-touchbar-btt.png\" alt=\"How to Get Touch Bar Support in Chrome\" width=\"640\" height=\"18\" srcset=\"https:\/\/www.wikitechy.com\/technology\/wp-content\/uploads\/2017\/05\/finished-touchbar-btt.png 640w, https:\/\/www.wikitechy.com\/technology\/wp-content\/uploads\/2017\/05\/finished-touchbar-btt-300x8.png 300w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/><\/p>\n[ad type=&#8221;banner&#8221;]\n<h4 id=\"get-touch-bar-support-on-chrome\"><span style=\"color: #99cc00;\"><strong>Get Touch Bar Support on\u00a0Chrome<\/strong><\/span><\/h4>\n<p>While it is disappointing that Chrome hasn\u2019t started supporting the Touch Bar, at least Google has it on the road map. Until then, you can choose to stick with the Canary build (not recommended for primary usage), or just create your own Touch Bar buttons for Google Chrome with Better Touch Tool. That said, there are a lot\u00a0of\u00a0apps that support the Touch\u00a0Bar, and you can do a lot of cool stuff\u00a0with the Touch Bar on the MacBook Pro.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>How to Get Touch Bar Support in Chrome &#8211; PC &#8211; The Touch Bar on the new MacBook Pro is staggeringly valuable, and effective, gave that the applications have<\/p>\n","protected":false},"author":1,"featured_media":13056,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[30044,5739],"tags":[22069,40144,24836,40150,40157,24835,40163,39023,40151,40162,40148,40154,40155,40156,40166,40149,40145,40153,40161,40165,40152,40160,40147,8213,40146,40164,40159,40158],"class_list":["post-13384","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ios","category-pc","tag-chrome","tag-chrome-apps","tag-chrome-browser","tag-chrome-download","tag-chrome-for-mac","tag-chrome-update","tag-chrome-version","tag-chromecast","tag-download-chrome","tag-download-chrome-for-mac","tag-download-google-chrome","tag-download-google-chrome-free","tag-free-download-google-chrome","tag-google-chrome","tag-google-chrome-app-download","tag-google-chrome-download","tag-google-chrome-download-for-pc","tag-google-chrome-download-free","tag-google-chrome-for-mac","tag-google-chrome-for-pc","tag-google-chrome-free-download","tag-google-chrome-software-download","tag-google-download","tag-google-installer","tag-install-google-chrome","tag-www-google-chrome","tag-www-google-chrome-com","tag-www-google-com-download"],"_links":{"self":[{"href":"https:\/\/www.wikitechy.com\/technology\/wp-json\/wp\/v2\/posts\/13384","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.wikitechy.com\/technology\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.wikitechy.com\/technology\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.wikitechy.com\/technology\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.wikitechy.com\/technology\/wp-json\/wp\/v2\/comments?post=13384"}],"version-history":[{"count":0,"href":"https:\/\/www.wikitechy.com\/technology\/wp-json\/wp\/v2\/posts\/13384\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.wikitechy.com\/technology\/wp-json\/wp\/v2\/media\/13056"}],"wp:attachment":[{"href":"https:\/\/www.wikitechy.com\/technology\/wp-json\/wp\/v2\/media?parent=13384"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.wikitechy.com\/technology\/wp-json\/wp\/v2\/categories?post=13384"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.wikitechy.com\/technology\/wp-json\/wp\/v2\/tags?post=13384"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}