-
-
Save ner00/ec9ae47e202b8e99f19be44a5af6baf3 to your computer and use it in GitHub Desktop.
// ==UserScript== | |
// @name View Image | |
// @namespace https://github.com/bijij/ViewImage | |
// @version 3.7.0.15 | |
// @description Re-implements the Google Images' "View Image" and "Search by Image" buttons. | |
// @author Joshua B | |
// @icon data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAFdElEQVRoge2YX2xTVRzHv7ejc8BGmuAYwQXHgxmEIDVqIiEmHULUxIcaffShE2YMgdjBgwRM4HHu5ZpofGDorfpAjA8j0ZjxZxbcwERZWOKTPhjGxv51W9vb293/5/hw1/Z299ze27WgJPs2be89f379/M45v3N+t8C61rWuJ1qcW0X6zIkIR8FTRQ5TVQUIASi1KgvfBa3c02J5qX7r1z+U/cZi7F2K1e2Kt7byognrIvHcCZw+f8TBu4EFr997K2L89U8yPwg2eBl/eR3LCbvI4gKj7yoHVtm42HkaI00HmPYCzEJD4jfs+BMbD00yO7nBVyd/fQY6T2Nk+xHXeuYMEGMpDACNezIAKB4O7ag4vaXRZ5fbtWiS8oKyWbVsb23gfMG7OgBTLkI07skgKAZ6Z29tG2c0dLdssItThHS5tevYtZNvyKTDyEsY2H0KI22V4QGXINZ/bbcNHQU4riv46tRNT2s1KP3RUYHMz8VINuuAL8AMfdzs4GXGgNWl8H70Ssd7LHhRxMBua9kQTSqSAO5h5uLA41M63iOQuVkLvvMURrYfBlGzMOVFxpJ1qoIDj34WrJGfjZGcBT+6Am9IM4kNLTt7/diosIQerYrwooiBzl6Mbj8McwV++NOXuv3aYe9CBRUWnumypaxRdvhLnacw2vYaE97PMLIdWNPB5E/peI9AUiX4ERd4vzgeQVzfGFgNv9ZlY5fHNlo//RZ9IzIzNVUOr9QGD/jaRuvjyIErQzfTWan7s53vY7TNGnldmnaFN/JT0LMPoGUnoIsT0LMTTLvsk/hWWzk14bqCXbN1OYmPnBmLccGNgqkvJ4b71j7yBT32g+x634sJoue76gEP+N6FXJ971qQbfS/XLa/6z1OJWuVykK2egfocZPFv8hcMwu3/onvT215t3/s8FzG5QNKOdPnkZr/ZaP0V/y4fTS/j/IJEoye/XY57tV+QgCWJYtH2ZslHOu29jdJ7kZA5dsgV6sPkmY6ljT8KqRyFKFPklikfF6Swp13HhVN1mQHTMAepnuGNsUiMVa8adHCC+ymktCZAAaRyFMtmYDAupEO1/nbN6bT+R4SnylSEyvfxVbaN77l2tmxkj944J0znU2FCCbTmO1BaEyAEmM+SDo08JXgSeiyAmtJp424kyunzcRhZ9Ev7cDndGFKonowlL4QAoGf4bCwlL8byulLcmbXm25BbBagGsJCn0ZNChXigzEs/DhR6UddUUPs9EoYpCVSdQb+0D1fVdhBK8DA/H+IMOXns+icRUV/mlxTRBmHZ0lvuQG4VIMoUokL54x7xUGk42Q5UAAesoG2AKlD5fqhfeh5X1fYioE50TEpzYYWoyVlpobjGqQ2DgkJrsWYilaNQa4gHn8lc+TlgmuCJPBHuz+3FkPoM6MqrIMXQcF98CJMSJnxBevNt5LcKSGVJh+oSD14P9T4PspLE24diDyanYpcyu3BTexqAWuxS3os6rBRLbBUmhmEQEYHpd6LHL87HvvxgW8KbwtMBd205+EsCQAL4u9quFXQFwLmyEgOlDKzSE1nVM/C45fV0+79O5qiPbdTnDNQ3na5WlSaB6YCicWhqLHX7nhwMH7v+QgUzzmy11vxVnLsWFh+8XtqFDIXZzsUBoClode2T9uMu9ywPLNlaUNtnZTH3IpeOZW23XIW8bRJN88cAAKQaBzL5wHhoMwn3SfsxpLYDSLvAOAgqQ7HuqVsdBVpGAQBNs90gSob5XynTAUkO9J6b2Jsc3bQDCFQPXS24s750rW0egRHMokF7k/kM7Rqdr/DRCAlQnmsMhLlgwNqvPH1xNnCU0NWoziUGACAURKOgijlOG9A93vuzr3+r17WudT1h+hcMcjsg9ZBlWQAAAABJRU5ErkJggg== | |
// @run-at document-end | |
// @match *://*.google.com/search*tbm=isch* | |
// @match *://*.google.ad/search*tbm=isch* | |
// @match *://*.google.ae/search*tbm=isch* | |
// @match *://*.google.com.af/search*tbm=isch* | |
// @match *://*.google.com.ag/search*tbm=isch* | |
// @match *://*.google.com.ai/search*tbm=isch* | |
// @match *://*.google.al/search*tbm=isch* | |
// @match *://*.google.am/search*tbm=isch* | |
// @match *://*.google.co.ao/search*tbm=isch* | |
// @match *://*.google.com.ar/search*tbm=isch* | |
// @match *://*.google.as/search*tbm=isch* | |
// @match *://*.google.at/search*tbm=isch* | |
// @match *://*.google.com.au/search*tbm=isch* | |
// @match *://*.google.az/search*tbm=isch* | |
// @match *://*.google.ba/search*tbm=isch* | |
// @match *://*.google.com.bd/search*tbm=isch* | |
// @match *://*.google.be/search*tbm=isch* | |
// @match *://*.google.bf/search*tbm=isch* | |
// @match *://*.google.bg/search*tbm=isch* | |
// @match *://*.google.com.bh/search*tbm=isch* | |
// @match *://*.google.bi/search*tbm=isch* | |
// @match *://*.google.bj/search*tbm=isch* | |
// @match *://*.google.com.bn/search*tbm=isch* | |
// @match *://*.google.com.bo/search*tbm=isch* | |
// @match *://*.google.com.br/search*tbm=isch* | |
// @match *://*.google.bs/search*tbm=isch* | |
// @match *://*.google.bt/search*tbm=isch* | |
// @match *://*.google.co.bw/search*tbm=isch* | |
// @match *://*.google.by/search*tbm=isch* | |
// @match *://*.google.com.bz/search*tbm=isch* | |
// @match *://*.google.ca/search*tbm=isch* | |
// @match *://*.google.cd/search*tbm=isch* | |
// @match *://*.google.cf/search*tbm=isch* | |
// @match *://*.google.cg/search*tbm=isch* | |
// @match *://*.google.ch/search*tbm=isch* | |
// @match *://*.google.ci/search*tbm=isch* | |
// @match *://*.google.co.ck/search*tbm=isch* | |
// @match *://*.google.cl/search*tbm=isch* | |
// @match *://*.google.cm/search*tbm=isch* | |
// @match *://*.google.cn/search*tbm=isch* | |
// @match *://*.google.com.co/search*tbm=isch* | |
// @match *://*.google.co.cr/search*tbm=isch* | |
// @match *://*.google.com.cu/search*tbm=isch* | |
// @match *://*.google.cv/search*tbm=isch* | |
// @match *://*.google.com.cy/search*tbm=isch* | |
// @match *://*.google.cz/search*tbm=isch* | |
// @match *://*.google.de/search*tbm=isch* | |
// @match *://*.google.dj/search*tbm=isch* | |
// @match *://*.google.dk/search*tbm=isch* | |
// @match *://*.google.dm/search*tbm=isch* | |
// @match *://*.google.com.do/search*tbm=isch* | |
// @match *://*.google.dz/search*tbm=isch* | |
// @match *://*.google.com.ec/search*tbm=isch* | |
// @match *://*.google.ee/search*tbm=isch* | |
// @match *://*.google.com.eg/search*tbm=isch* | |
// @match *://*.google.es/search*tbm=isch* | |
// @match *://*.google.com.et/search*tbm=isch* | |
// @match *://*.google.fi/search*tbm=isch* | |
// @match *://*.google.com.fj/search*tbm=isch* | |
// @match *://*.google.fm/search*tbm=isch* | |
// @match *://*.google.fr/search*tbm=isch* | |
// @match *://*.google.ga/search*tbm=isch* | |
// @match *://*.google.ge/search*tbm=isch* | |
// @match *://*.google.gg/search*tbm=isch* | |
// @match *://*.google.com.gh/search*tbm=isch* | |
// @match *://*.google.com.gi/search*tbm=isch* | |
// @match *://*.google.gl/search*tbm=isch* | |
// @match *://*.google.gm/search*tbm=isch* | |
// @match *://*.google.gr/search*tbm=isch* | |
// @match *://*.google.com.gt/search*tbm=isch* | |
// @match *://*.google.gy/search*tbm=isch* | |
// @match *://*.google.hk/search*tbm=isch* | |
// @match *://*.google.com.hk/search*tbm=isch* | |
// @match *://*.google.hn/search*tbm=isch* | |
// @match *://*.google.hr/search*tbm=isch* | |
// @match *://*.google.ht/search*tbm=isch* | |
// @match *://*.google.hu/search*tbm=isch* | |
// @match *://*.google.co.id/search*tbm=isch* | |
// @match *://*.google.ie/search*tbm=isch* | |
// @match *://*.google.co.il/search*tbm=isch* | |
// @match *://*.google.im/search*tbm=isch* | |
// @match *://*.google.co.in/search*tbm=isch* | |
// @match *://*.google.iq/search*tbm=isch* | |
// @match *://*.google.is/search*tbm=isch* | |
// @match *://*.google.it/search*tbm=isch* | |
// @match *://*.google.je/search*tbm=isch* | |
// @match *://*.google.com.jm/search*tbm=isch* | |
// @match *://*.google.jo/search*tbm=isch* | |
// @match *://*.google.jp/search*tbm=isch* | |
// @match *://*.google.co.jp/search*tbm=isch* | |
// @match *://*.google.co.ke/search*tbm=isch* | |
// @match *://*.google.com.kh/search*tbm=isch* | |
// @match *://*.google.ki/search*tbm=isch* | |
// @match *://*.google.kg/search*tbm=isch* | |
// @match *://*.google.co.kr/search*tbm=isch* | |
// @match *://*.google.com.kw/search*tbm=isch* | |
// @match *://*.google.kz/search*tbm=isch* | |
// @match *://*.google.la/search*tbm=isch* | |
// @match *://*.google.com.lb/search*tbm=isch* | |
// @match *://*.google.li/search*tbm=isch* | |
// @match *://*.google.lk/search*tbm=isch* | |
// @match *://*.google.co.ls/search*tbm=isch* | |
// @match *://*.google.lt/search*tbm=isch* | |
// @match *://*.google.lu/search*tbm=isch* | |
// @match *://*.google.lv/search*tbm=isch* | |
// @match *://*.google.com.ly/search*tbm=isch* | |
// @match *://*.google.co.ma/search*tbm=isch* | |
// @match *://*.google.md/search*tbm=isch* | |
// @match *://*.google.me/search*tbm=isch* | |
// @match *://*.google.mg/search*tbm=isch* | |
// @match *://*.google.mk/search*tbm=isch* | |
// @match *://*.google.ml/search*tbm=isch* | |
// @match *://*.google.com.mm/search*tbm=isch* | |
// @match *://*.google.mn/search*tbm=isch* | |
// @match *://*.google.ms/search*tbm=isch* | |
// @match *://*.google.com.mt/search*tbm=isch* | |
// @match *://*.google.mu/search*tbm=isch* | |
// @match *://*.google.mv/search*tbm=isch* | |
// @match *://*.google.mw/search*tbm=isch* | |
// @match *://*.google.com.mx/search*tbm=isch* | |
// @match *://*.google.com.my/search*tbm=isch* | |
// @match *://*.google.co.mz/search*tbm=isch* | |
// @match *://*.google.com.na/search*tbm=isch* | |
// @match *://*.google.com.ng/search*tbm=isch* | |
// @match *://*.google.com.ni/search*tbm=isch* | |
// @match *://*.google.ne/search*tbm=isch* | |
// @match *://*.google.nl/search*tbm=isch* | |
// @match *://*.google.no/search*tbm=isch* | |
// @match *://*.google.com.np/search*tbm=isch* | |
// @match *://*.google.nr/search*tbm=isch* | |
// @match *://*.google.nu/search*tbm=isch* | |
// @match *://*.google.co.nz/search*tbm=isch* | |
// @match *://*.google.com.om/search*tbm=isch* | |
// @match *://*.google.com.pa/search*tbm=isch* | |
// @match *://*.google.com.pe/search*tbm=isch* | |
// @match *://*.google.com.pg/search*tbm=isch* | |
// @match *://*.google.com.ph/search*tbm=isch* | |
// @match *://*.google.com.pk/search*tbm=isch* | |
// @match *://*.google.pl/search*tbm=isch* | |
// @match *://*.google.pn/search*tbm=isch* | |
// @match *://*.google.com.pr/search*tbm=isch* | |
// @match *://*.google.ps/search*tbm=isch* | |
// @match *://*.google.pt/search*tbm=isch* | |
// @match *://*.google.com.py/search*tbm=isch* | |
// @match *://*.google.com.qa/search*tbm=isch* | |
// @match *://*.google.ro/search*tbm=isch* | |
// @match *://*.google.ru/search*tbm=isch* | |
// @match *://*.google.rw/search*tbm=isch* | |
// @match *://*.google.com.sa/search*tbm=isch* | |
// @match *://*.google.com.sb/search*tbm=isch* | |
// @match *://*.google.sc/search*tbm=isch* | |
// @match *://*.google.se/search*tbm=isch* | |
// @match *://*.google.com.sg/search*tbm=isch* | |
// @match *://*.google.sh/search*tbm=isch* | |
// @match *://*.google.si/search*tbm=isch* | |
// @match *://*.google.sk/search*tbm=isch* | |
// @match *://*.google.com.sl/search*tbm=isch* | |
// @match *://*.google.sn/search*tbm=isch* | |
// @match *://*.google.so/search*tbm=isch* | |
// @match *://*.google.sm/search*tbm=isch* | |
// @match *://*.google.sr/search*tbm=isch* | |
// @match *://*.google.st/search*tbm=isch* | |
// @match *://*.google.com.sv/search*tbm=isch* | |
// @match *://*.google.td/search*tbm=isch* | |
// @match *://*.google.tg/search*tbm=isch* | |
// @match *://*.google.co.th/search*tbm=isch* | |
// @match *://*.google.com.tj/search*tbm=isch* | |
// @match *://*.google.tl/search*tbm=isch* | |
// @match *://*.google.tm/search*tbm=isch* | |
// @match *://*.google.tn/search*tbm=isch* | |
// @match *://*.google.to/search*tbm=isch* | |
// @match *://*.google.com.tr/search*tbm=isch* | |
// @match *://*.google.tt/search*tbm=isch* | |
// @match *://*.google.com.tw/search*tbm=isch* | |
// @match *://*.google.co.tz/search*tbm=isch* | |
// @match *://*.google.com.ua/search*tbm=isch* | |
// @match *://*.google.co.ug/search*tbm=isch* | |
// @match *://*.google.co.uk/search*tbm=isch* | |
// @match *://*.google.com.uy/search*tbm=isch* | |
// @match *://*.google.co.uz/search*tbm=isch* | |
// @match *://*.google.com.vc/search*tbm=isch* | |
// @match *://*.google.co.ve/search*tbm=isch* | |
// @match *://*.google.vg/search*tbm=isch* | |
// @match *://*.google.co.vi/search*tbm=isch* | |
// @match *://*.google.com.vn/search*tbm=isch* | |
// @match *://*.google.vu/search*tbm=isch* | |
// @match *://*.google.ws/search*tbm=isch* | |
// @match *://*.google.rs/search*tbm=isch* | |
// @match *://*.google.co.za/search*tbm=isch* | |
// @match *://*.google.co.zm/search*tbm=isch* | |
// @match *://*.google.co.zw/search*tbm=isch* | |
// @match *://*.google.cat/search*tbm=isch* | |
// @match *://*.google.com/search*udm=2* | |
// @match *://*.google.ad/search*udm=2* | |
// @match *://*.google.ae/search*udm=2* | |
// @match *://*.google.com.af/search*udm=2* | |
// @match *://*.google.com.ag/search*udm=2* | |
// @match *://*.google.com.ai/search*udm=2* | |
// @match *://*.google.al/search*udm=2* | |
// @match *://*.google.am/search*udm=2* | |
// @match *://*.google.co.ao/search*udm=2* | |
// @match *://*.google.com.ar/search*udm=2* | |
// @match *://*.google.as/search*udm=2* | |
// @match *://*.google.at/search*udm=2* | |
// @match *://*.google.com.au/search*udm=2* | |
// @match *://*.google.az/search*udm=2* | |
// @match *://*.google.ba/search*udm=2* | |
// @match *://*.google.com.bd/search*udm=2* | |
// @match *://*.google.be/search*udm=2* | |
// @match *://*.google.bf/search*udm=2* | |
// @match *://*.google.bg/search*udm=2* | |
// @match *://*.google.com.bh/search*udm=2* | |
// @match *://*.google.bi/search*udm=2* | |
// @match *://*.google.bj/search*udm=2* | |
// @match *://*.google.com.bn/search*udm=2* | |
// @match *://*.google.com.bo/search*udm=2* | |
// @match *://*.google.com.br/search*udm=2* | |
// @match *://*.google.bs/search*udm=2* | |
// @match *://*.google.bt/search*udm=2* | |
// @match *://*.google.co.bw/search*udm=2* | |
// @match *://*.google.by/search*udm=2* | |
// @match *://*.google.com.bz/search*udm=2* | |
// @match *://*.google.ca/search*udm=2* | |
// @match *://*.google.cd/search*udm=2* | |
// @match *://*.google.cf/search*udm=2* | |
// @match *://*.google.cg/search*udm=2* | |
// @match *://*.google.ch/search*udm=2* | |
// @match *://*.google.ci/search*udm=2* | |
// @match *://*.google.co.ck/search*udm=2* | |
// @match *://*.google.cl/search*udm=2* | |
// @match *://*.google.cm/search*udm=2* | |
// @match *://*.google.cn/search*udm=2* | |
// @match *://*.google.com.co/search*udm=2* | |
// @match *://*.google.co.cr/search*udm=2* | |
// @match *://*.google.com.cu/search*udm=2* | |
// @match *://*.google.cv/search*udm=2* | |
// @match *://*.google.com.cy/search*udm=2* | |
// @match *://*.google.cz/search*udm=2* | |
// @match *://*.google.de/search*udm=2* | |
// @match *://*.google.dj/search*udm=2* | |
// @match *://*.google.dk/search*udm=2* | |
// @match *://*.google.dm/search*udm=2* | |
// @match *://*.google.com.do/search*udm=2* | |
// @match *://*.google.dz/search*udm=2* | |
// @match *://*.google.com.ec/search*udm=2* | |
// @match *://*.google.ee/search*udm=2* | |
// @match *://*.google.com.eg/search*udm=2* | |
// @match *://*.google.es/search*udm=2* | |
// @match *://*.google.com.et/search*udm=2* | |
// @match *://*.google.fi/search*udm=2* | |
// @match *://*.google.com.fj/search*udm=2* | |
// @match *://*.google.fm/search*udm=2* | |
// @match *://*.google.fr/search*udm=2* | |
// @match *://*.google.ga/search*udm=2* | |
// @match *://*.google.ge/search*udm=2* | |
// @match *://*.google.gg/search*udm=2* | |
// @match *://*.google.com.gh/search*udm=2* | |
// @match *://*.google.com.gi/search*udm=2* | |
// @match *://*.google.gl/search*udm=2* | |
// @match *://*.google.gm/search*udm=2* | |
// @match *://*.google.gr/search*udm=2* | |
// @match *://*.google.com.gt/search*udm=2* | |
// @match *://*.google.gy/search*udm=2* | |
// @match *://*.google.hk/search*udm=2* | |
// @match *://*.google.com.hk/search*udm=2* | |
// @match *://*.google.hn/search*udm=2* | |
// @match *://*.google.hr/search*udm=2* | |
// @match *://*.google.ht/search*udm=2* | |
// @match *://*.google.hu/search*udm=2* | |
// @match *://*.google.co.id/search*udm=2* | |
// @match *://*.google.ie/search*udm=2* | |
// @match *://*.google.co.il/search*udm=2* | |
// @match *://*.google.im/search*udm=2* | |
// @match *://*.google.co.in/search*udm=2* | |
// @match *://*.google.iq/search*udm=2* | |
// @match *://*.google.is/search*udm=2* | |
// @match *://*.google.it/search*udm=2* | |
// @match *://*.google.je/search*udm=2* | |
// @match *://*.google.com.jm/search*udm=2* | |
// @match *://*.google.jo/search*udm=2* | |
// @match *://*.google.jp/search*udm=2* | |
// @match *://*.google.co.jp/search*udm=2* | |
// @match *://*.google.co.ke/search*udm=2* | |
// @match *://*.google.com.kh/search*udm=2* | |
// @match *://*.google.ki/search*udm=2* | |
// @match *://*.google.kg/search*udm=2* | |
// @match *://*.google.co.kr/search*udm=2* | |
// @match *://*.google.com.kw/search*udm=2* | |
// @match *://*.google.kz/search*udm=2* | |
// @match *://*.google.la/search*udm=2* | |
// @match *://*.google.com.lb/search*udm=2* | |
// @match *://*.google.li/search*udm=2* | |
// @match *://*.google.lk/search*udm=2* | |
// @match *://*.google.co.ls/search*udm=2* | |
// @match *://*.google.lt/search*udm=2* | |
// @match *://*.google.lu/search*udm=2* | |
// @match *://*.google.lv/search*udm=2* | |
// @match *://*.google.com.ly/search*udm=2* | |
// @match *://*.google.co.ma/search*udm=2* | |
// @match *://*.google.md/search*udm=2* | |
// @match *://*.google.me/search*udm=2* | |
// @match *://*.google.mg/search*udm=2* | |
// @match *://*.google.mk/search*udm=2* | |
// @match *://*.google.ml/search*udm=2* | |
// @match *://*.google.com.mm/search*udm=2* | |
// @match *://*.google.mn/search*udm=2* | |
// @match *://*.google.ms/search*udm=2* | |
// @match *://*.google.com.mt/search*udm=2* | |
// @match *://*.google.mu/search*udm=2* | |
// @match *://*.google.mv/search*udm=2* | |
// @match *://*.google.mw/search*udm=2* | |
// @match *://*.google.com.mx/search*udm=2* | |
// @match *://*.google.com.my/search*udm=2* | |
// @match *://*.google.co.mz/search*udm=2* | |
// @match *://*.google.com.na/search*udm=2* | |
// @match *://*.google.com.ng/search*udm=2* | |
// @match *://*.google.com.ni/search*udm=2* | |
// @match *://*.google.ne/search*udm=2* | |
// @match *://*.google.nl/search*udm=2* | |
// @match *://*.google.no/search*udm=2* | |
// @match *://*.google.com.np/search*udm=2* | |
// @match *://*.google.nr/search*udm=2* | |
// @match *://*.google.nu/search*udm=2* | |
// @match *://*.google.co.nz/search*udm=2* | |
// @match *://*.google.com.om/search*udm=2* | |
// @match *://*.google.com.pa/search*udm=2* | |
// @match *://*.google.com.pe/search*udm=2* | |
// @match *://*.google.com.pg/search*udm=2* | |
// @match *://*.google.com.ph/search*udm=2* | |
// @match *://*.google.com.pk/search*udm=2* | |
// @match *://*.google.pl/search*udm=2* | |
// @match *://*.google.pn/search*udm=2* | |
// @match *://*.google.com.pr/search*udm=2* | |
// @match *://*.google.ps/search*udm=2* | |
// @match *://*.google.pt/search*udm=2* | |
// @match *://*.google.com.py/search*udm=2* | |
// @match *://*.google.com.qa/search*udm=2* | |
// @match *://*.google.ro/search*udm=2* | |
// @match *://*.google.ru/search*udm=2* | |
// @match *://*.google.rw/search*udm=2* | |
// @match *://*.google.com.sa/search*udm=2* | |
// @match *://*.google.com.sb/search*udm=2* | |
// @match *://*.google.sc/search*udm=2* | |
// @match *://*.google.se/search*udm=2* | |
// @match *://*.google.com.sg/search*udm=2* | |
// @match *://*.google.sh/search*udm=2* | |
// @match *://*.google.si/search*udm=2* | |
// @match *://*.google.sk/search*udm=2* | |
// @match *://*.google.com.sl/search*udm=2* | |
// @match *://*.google.sn/search*udm=2* | |
// @match *://*.google.so/search*udm=2* | |
// @match *://*.google.sm/search*udm=2* | |
// @match *://*.google.sr/search*udm=2* | |
// @match *://*.google.st/search*udm=2* | |
// @match *://*.google.com.sv/search*udm=2* | |
// @match *://*.google.td/search*udm=2* | |
// @match *://*.google.tg/search*udm=2* | |
// @match *://*.google.co.th/search*udm=2* | |
// @match *://*.google.com.tj/search*udm=2* | |
// @match *://*.google.tl/search*udm=2* | |
// @match *://*.google.tm/search*udm=2* | |
// @match *://*.google.tn/search*udm=2* | |
// @match *://*.google.to/search*udm=2* | |
// @match *://*.google.com.tr/search*udm=2* | |
// @match *://*.google.tt/search*udm=2* | |
// @match *://*.google.com.tw/search*udm=2* | |
// @match *://*.google.co.tz/search*udm=2* | |
// @match *://*.google.com.ua/search*udm=2* | |
// @match *://*.google.co.ug/search*udm=2* | |
// @match *://*.google.co.uk/search*udm=2* | |
// @match *://*.google.com.uy/search*udm=2* | |
// @match *://*.google.co.uz/search*udm=2* | |
// @match *://*.google.com.vc/search*udm=2* | |
// @match *://*.google.co.ve/search*udm=2* | |
// @match *://*.google.vg/search*udm=2* | |
// @match *://*.google.co.vi/search*udm=2* | |
// @match *://*.google.com.vn/search*udm=2* | |
// @match *://*.google.vu/search*udm=2* | |
// @match *://*.google.ws/search*udm=2* | |
// @match *://*.google.rs/search*udm=2* | |
// @match *://*.google.co.za/search*udm=2* | |
// @match *://*.google.co.zm/search*udm=2* | |
// @match *://*.google.co.zw/search*udm=2* | |
// @match *://*.google.cat/search*udm=2* | |
// @match *://*.google.com/imgres* | |
// @match *://*.google.ad/imgres* | |
// @match *://*.google.ae/imgres* | |
// @match *://*.google.com.af/imgres* | |
// @match *://*.google.com.ag/imgres* | |
// @match *://*.google.com.ai/imgres* | |
// @match *://*.google.al/imgres* | |
// @match *://*.google.am/imgres* | |
// @match *://*.google.co.ao/imgres* | |
// @match *://*.google.com.ar/imgres* | |
// @match *://*.google.as/imgres* | |
// @match *://*.google.at/imgres* | |
// @match *://*.google.com.au/imgres* | |
// @match *://*.google.az/imgres* | |
// @match *://*.google.ba/imgres* | |
// @match *://*.google.com.bd/imgres* | |
// @match *://*.google.be/imgres* | |
// @match *://*.google.bf/imgres* | |
// @match *://*.google.bg/imgres* | |
// @match *://*.google.com.bh/imgres* | |
// @match *://*.google.bi/imgres* | |
// @match *://*.google.bj/imgres* | |
// @match *://*.google.com.bn/imgres* | |
// @match *://*.google.com.bo/imgres* | |
// @match *://*.google.com.br/imgres* | |
// @match *://*.google.bs/imgres* | |
// @match *://*.google.bt/imgres* | |
// @match *://*.google.co.bw/imgres* | |
// @match *://*.google.by/imgres* | |
// @match *://*.google.com.bz/imgres* | |
// @match *://*.google.ca/imgres* | |
// @match *://*.google.cd/imgres* | |
// @match *://*.google.cf/imgres* | |
// @match *://*.google.cg/imgres* | |
// @match *://*.google.ch/imgres* | |
// @match *://*.google.ci/imgres* | |
// @match *://*.google.co.ck/imgres* | |
// @match *://*.google.cl/imgres* | |
// @match *://*.google.cm/imgres* | |
// @match *://*.google.cn/imgres* | |
// @match *://*.google.com.co/imgres* | |
// @match *://*.google.co.cr/imgres* | |
// @match *://*.google.com.cu/imgres* | |
// @match *://*.google.cv/imgres* | |
// @match *://*.google.com.cy/imgres* | |
// @match *://*.google.cz/imgres* | |
// @match *://*.google.de/imgres* | |
// @match *://*.google.dj/imgres* | |
// @match *://*.google.dk/imgres* | |
// @match *://*.google.dm/imgres* | |
// @match *://*.google.com.do/imgres* | |
// @match *://*.google.dz/imgres* | |
// @match *://*.google.com.ec/imgres* | |
// @match *://*.google.ee/imgres* | |
// @match *://*.google.com.eg/imgres* | |
// @match *://*.google.es/imgres* | |
// @match *://*.google.com.et/imgres* | |
// @match *://*.google.fi/imgres* | |
// @match *://*.google.com.fj/imgres* | |
// @match *://*.google.fm/imgres* | |
// @match *://*.google.fr/imgres* | |
// @match *://*.google.ga/imgres* | |
// @match *://*.google.ge/imgres* | |
// @match *://*.google.gg/imgres* | |
// @match *://*.google.com.gh/imgres* | |
// @match *://*.google.com.gi/imgres* | |
// @match *://*.google.gl/imgres* | |
// @match *://*.google.gm/imgres* | |
// @match *://*.google.gr/imgres* | |
// @match *://*.google.com.gt/imgres* | |
// @match *://*.google.gy/imgres* | |
// @match *://*.google.hk/imgres* | |
// @match *://*.google.com.hk/imgres* | |
// @match *://*.google.hn/imgres* | |
// @match *://*.google.hr/imgres* | |
// @match *://*.google.ht/imgres* | |
// @match *://*.google.hu/imgres* | |
// @match *://*.google.co.id/imgres* | |
// @match *://*.google.ie/imgres* | |
// @match *://*.google.co.il/imgres* | |
// @match *://*.google.im/imgres* | |
// @match *://*.google.co.in/imgres* | |
// @match *://*.google.iq/imgres* | |
// @match *://*.google.is/imgres* | |
// @match *://*.google.it/imgres* | |
// @match *://*.google.je/imgres* | |
// @match *://*.google.com.jm/imgres* | |
// @match *://*.google.jo/imgres* | |
// @match *://*.google.jp/imgres* | |
// @match *://*.google.co.jp/imgres* | |
// @match *://*.google.co.ke/imgres* | |
// @match *://*.google.com.kh/imgres* | |
// @match *://*.google.ki/imgres* | |
// @match *://*.google.kg/imgres* | |
// @match *://*.google.co.kr/imgres* | |
// @match *://*.google.com.kw/imgres* | |
// @match *://*.google.kz/imgres* | |
// @match *://*.google.la/imgres* | |
// @match *://*.google.com.lb/imgres* | |
// @match *://*.google.li/imgres* | |
// @match *://*.google.lk/imgres* | |
// @match *://*.google.co.ls/imgres* | |
// @match *://*.google.lt/imgres* | |
// @match *://*.google.lu/imgres* | |
// @match *://*.google.lv/imgres* | |
// @match *://*.google.com.ly/imgres* | |
// @match *://*.google.co.ma/imgres* | |
// @match *://*.google.md/imgres* | |
// @match *://*.google.me/imgres* | |
// @match *://*.google.mg/imgres* | |
// @match *://*.google.mk/imgres* | |
// @match *://*.google.ml/imgres* | |
// @match *://*.google.com.mm/imgres* | |
// @match *://*.google.mn/imgres* | |
// @match *://*.google.ms/imgres* | |
// @match *://*.google.com.mt/imgres* | |
// @match *://*.google.mu/imgres* | |
// @match *://*.google.mv/imgres* | |
// @match *://*.google.mw/imgres* | |
// @match *://*.google.com.mx/imgres* | |
// @match *://*.google.com.my/imgres* | |
// @match *://*.google.co.mz/imgres* | |
// @match *://*.google.com.na/imgres* | |
// @match *://*.google.com.ng/imgres* | |
// @match *://*.google.com.ni/imgres* | |
// @match *://*.google.ne/imgres* | |
// @match *://*.google.nl/imgres* | |
// @match *://*.google.no/imgres* | |
// @match *://*.google.com.np/imgres* | |
// @match *://*.google.nr/imgres* | |
// @match *://*.google.nu/imgres* | |
// @match *://*.google.co.nz/imgres* | |
// @match *://*.google.com.om/imgres* | |
// @match *://*.google.com.pa/imgres* | |
// @match *://*.google.com.pe/imgres* | |
// @match *://*.google.com.pg/imgres* | |
// @match *://*.google.com.ph/imgres* | |
// @match *://*.google.com.pk/imgres* | |
// @match *://*.google.pl/imgres* | |
// @match *://*.google.pn/imgres* | |
// @match *://*.google.com.pr/imgres* | |
// @match *://*.google.ps/imgres* | |
// @match *://*.google.pt/imgres* | |
// @match *://*.google.com.py/imgres* | |
// @match *://*.google.com.qa/imgres* | |
// @match *://*.google.ro/imgres* | |
// @match *://*.google.ru/imgres* | |
// @match *://*.google.rw/imgres* | |
// @match *://*.google.com.sa/imgres* | |
// @match *://*.google.com.sb/imgres* | |
// @match *://*.google.sc/imgres* | |
// @match *://*.google.se/imgres* | |
// @match *://*.google.com.sg/imgres* | |
// @match *://*.google.sh/imgres* | |
// @match *://*.google.si/imgres* | |
// @match *://*.google.sk/imgres* | |
// @match *://*.google.com.sl/imgres* | |
// @match *://*.google.sn/imgres* | |
// @match *://*.google.so/imgres* | |
// @match *://*.google.sm/imgres* | |
// @match *://*.google.sr/imgres* | |
// @match *://*.google.st/imgres* | |
// @match *://*.google.com.sv/imgres* | |
// @match *://*.google.td/imgres* | |
// @match *://*.google.tg/imgres* | |
// @match *://*.google.co.th/imgres* | |
// @match *://*.google.com.tj/imgres* | |
// @match *://*.google.tl/imgres* | |
// @match *://*.google.tm/imgres* | |
// @match *://*.google.tn/imgres* | |
// @match *://*.google.to/imgres* | |
// @match *://*.google.com.tr/imgres* | |
// @match *://*.google.tt/imgres* | |
// @match *://*.google.com.tw/imgres* | |
// @match *://*.google.co.tz/imgres* | |
// @match *://*.google.com.ua/imgres* | |
// @match *://*.google.co.ug/imgres* | |
// @match *://*.google.co.uk/imgres* | |
// @match *://*.google.com.uy/imgres* | |
// @match *://*.google.co.uz/imgres* | |
// @match *://*.google.com.vc/imgres* | |
// @match *://*.google.co.ve/imgres* | |
// @match *://*.google.vg/imgres* | |
// @match *://*.google.co.vi/imgres* | |
// @match *://*.google.com.vn/imgres* | |
// @match *://*.google.vu/imgres* | |
// @match *://*.google.ws/imgres* | |
// @match *://*.google.rs/imgres* | |
// @match *://*.google.co.za/imgres* | |
// @match *://*.google.co.zm/imgres* | |
// @match *://*.google.co.zw/imgres* | |
// @match *://*.google.cat/imgres* | |
// @updateURL https://gist.github.com/ner00/ec9ae47e202b8e99f19be44a5af6baf3/raw/viewimage.user.js | |
// @downloadURL https://gist.github.com/ner00/ec9ae47e202b8e99f19be44a5af6baf3/raw/viewimage.user.js | |
// ==/UserScript== | |
'use strict'; | |
const DEBUG = false; | |
const SearchImgBtn = true; | |
const VERSIONS = { | |
FEB18: 'FEB18', | |
JUL19: 'JUL19', | |
OCT19: 'OCT19' | |
}; | |
var images = new Object(); | |
// Finds the div which contains all required elements | |
function getContainer(node) { | |
var container, version; | |
[ | |
['.irc_c[style*="visibility: visible;"][style*="transform: translate3d(0px, 0px, 0px);"]', VERSIONS.FEB18], | |
['.irc_c[data-ved]', VERSIONS.JUL19], | |
['.tvh9oe', VERSIONS.OCT19], | |
['.EIehLd', VERSIONS.OCT19], // Actually 2024, but let's stick with it for simplicity | |
['.fHE6De', VERSIONS.OCT19] // Actually 2024, but let's stick with it for simplicity | |
].forEach(element => { | |
if (node.closest(element[0])) { | |
[container, version] = [node.closest(element[0]), element[1]]; | |
} | |
}); | |
return [container, version]; | |
} | |
// Finds and deletes all extension related elements. | |
function clearExtElements(container) { | |
// Remove previously generated elements | |
var oldExtensionElements = container.querySelectorAll('.vi_ext_addon'); | |
for (var element of oldExtensionElements) { | |
element.remove(); | |
} | |
} | |
// Returns the image URL | |
function findImageURL(container, version) { | |
var image = null; | |
switch (version) { | |
case VERSIONS.FEB18: | |
image = container.querySelector('img[src]#irc_mi, img[alt^="Image result"][src]:not([src^="https://encrypted-tbn"]).irc_mut, img[src].irc_mi'); | |
break; | |
case VERSIONS.JUL19: | |
var iframe = container.querySelector('iframe.irc_ifr'); | |
if (!iframe) | |
return findImageURL(container, VERSIONS.FEB18); | |
image = iframe.contentDocument.querySelector('img#irc_mi'); | |
break; | |
case VERSIONS.OCT19: | |
//image = container.querySelector('img[src].n3VNCb, img[src].r48jcc'); | |
image = container.querySelector('img[src][style][jsaction]'); // Testing a dynamic approach to finding the class name | |
if (image.src in images) { | |
return images[image.src]; | |
} | |
} | |
// Override url for images using base64 embeds | |
if (image === null || image.src === '' || image.src.startsWith('data')) { | |
var thumbnail = document.querySelector('img[name="' + container.dataset.itemId + '"]'); | |
if (thumbnail === null) { | |
// If no thumbnail found, try getting image from URL | |
var url = new URL(window.location); | |
var imgLink = url.searchParams.get('imgurl'); | |
if (imgLink) { | |
return imgLink; | |
} | |
} else { | |
var meta = thumbnail.closest('.rg_bx').querySelector('.rg_meta'); | |
var metadata = JSON.parse(meta.innerHTML); | |
return metadata.ou; | |
} | |
} | |
// If the above doesn't work, use the link in related images to find it | |
if (image === null || image.src === '' || image.src.startsWith('data')) { | |
var target_image = container.querySelector('img.target_image'); | |
if (target_image) { | |
var link = target_image.closest('a'); | |
if (link) { | |
// Some extensions replace google image links with their original links | |
if (link.href.match(/^[a-z]+:\/\/(?:www\.)?google\.[^/]*\/imgres\?/)) { | |
var link_url = new URL(link.href); | |
var new_imgLink = link_url.searchParams.get('imgurl'); | |
if (new_imgLink) { | |
return new_imgLink; | |
} | |
} else { | |
return link.href; | |
} | |
} | |
} | |
} | |
if (image) { | |
return image.src; | |
} | |
} | |
function addViewImageButton(container, imageURL, version) { | |
// get the visit buttonm | |
var visitButton, vbClassName; | |
switch (version) { | |
case VERSIONS.FEB18: | |
visitButton = container.querySelector('td > a.irc_vpl[href]').parentElement; | |
break; | |
case VERSIONS.JUL19: | |
visitButton = container.querySelector('a.irc_hol[href]'); | |
break; | |
case VERSIONS.OCT19: | |
// Testing a dynamic approach to finding the class name | |
try { | |
vbClassName = document.querySelector('img[src][style][jsaction]').parentElement.parentElement.parentElement.nextSibling.nextSibling.querySelector('div a span').parentElement.parentElement.className.split(" ")[0]; // Desktop | |
} catch (error) { | |
if (DEBUG) | |
console.log('ViewImage: vbClassName not found!'); | |
} | |
if (!vbClassName) { vbClassName = document.querySelector('img[src][style][jsaction]').parentElement.parentElement.nextSibling.nextSibling.querySelector('div a span').parentElement.parentElement.className.split(" ")[0]; } // Mobile | |
visitButton = container.querySelector('.ZsbmCf[href], a.J2oL9c, a.jAklOc, a.uZ49bd, a.e0XTue, a.kWgFk, a.j7ZI7c, a.'+vbClassName); | |
break; | |
} | |
// Create the view image button | |
var viewImageButton = visitButton.cloneNode(true); | |
viewImageButton.classList.add('vi_ext_addon'); | |
// Set the view image button url | |
var viewImageLink; | |
switch (version) { | |
case VERSIONS.FEB18: | |
viewImageLink = viewImageButton.querySelector('a'); | |
break; | |
default: | |
viewImageLink = viewImageButton; | |
} | |
viewImageLink.href = imageURL; | |
if (version == VERSIONS.OCT19) { | |
viewImageLink.removeAttribute('jsaction'); | |
} | |
// Set additional options | |
viewImageLink.setAttribute('target', '_blank'); | |
// Set the view image button text | |
var viewImageButtonText; | |
switch (version) { | |
case VERSIONS.FEB18: | |
viewImageButtonText = viewImageButton.querySelector('.Tl8XHc'); | |
break; | |
case VERSIONS.JUL19: | |
viewImageButtonText = viewImageButton.querySelector('.irc_ho'); | |
break; | |
case VERSIONS.OCT19: | |
viewImageButtonText = viewImageButton.querySelector('.pM4Snf, .KSvtLc, .Pw5kW, .q7UPLe, .K8E1Be, .pFBf7b, span'); | |
break; | |
} | |
viewImageButtonText.innerText = 'View image'; | |
// Place the view image button | |
visitButton.parentElement.insertBefore(viewImageButton, visitButton); | |
visitButton.parentElement.insertBefore(visitButton, viewImageButton); | |
} | |
function addSearchImageButton(container, imageURL, version) { | |
var link, vbClassName; | |
switch (version) { | |
case VERSIONS.FEB18: | |
link = container.querySelector('.irc_dsh > a.irc_hol'); | |
break; | |
case VERSIONS.JUL19: | |
link = container.querySelector('.irc_ft > a.irc_help'); | |
break; | |
case VERSIONS.OCT19: | |
// Testing a dynamic approach to finding the class name | |
try { | |
vbClassName = document.querySelector('img[src][style][jsaction]').parentElement.parentElement.parentElement.nextSibling.nextSibling.querySelector('div a span').parentElement.parentElement.className.split(" ")[0]; // Desktop | |
} catch (error) { | |
if (DEBUG) | |
console.log('ViewImage: vbClassName not found!'); | |
} | |
if (!vbClassName) { vbClassName = document.querySelector('img[src][style][jsaction]').parentElement.parentElement.nextSibling.nextSibling.querySelector('div a span').parentElement.parentElement.className.split(" ")[0]; } // Mobile | |
link = container.querySelector('.PvkmDc, .qnLx5b, .zSA7pe, .uZ49bd, .e0XTue, .kWgFk, .j7ZI7c, .'+vbClassName); | |
break; | |
} | |
// Create the search by image button | |
var searchImageButton = link.cloneNode(true); | |
searchImageButton.classList.add('vi_ext_addon'); | |
// Set the more sizes button text | |
var searchImageButtonText; | |
switch (version) { | |
case VERSIONS.FEB18: | |
searchImageButtonText = container.querySelector('.irc_ho'); | |
break; | |
case VERSIONS.JUL19: | |
searchImageButtonText = searchImageButton.querySelector('span'); | |
break; | |
case VERSIONS.OCT19: | |
searchImageButtonText = searchImageButton.querySelector('span'); | |
break; | |
} | |
searchImageButtonText.innerText = ''; | |
var lensButton = document.createElement("img"); | |
lensButton.style.marginTop = "5px"; | |
lensButton.style.width = "23px"; | |
lensButton.src = "https://fonts.gstatic.com/s/i/productlogos/lens_2023q2/v2/192px.svg"; | |
lensButton.alt = "Search by image"; | |
searchImageButtonText.appendChild(lensButton); | |
// Set the search by image button url | |
searchImageButton.href = 'https://lens.google.com/uploadbyurl?url=' + encodeURIComponent(imageURL); | |
// Set additional options | |
if (true) { | |
searchImageButton.setAttribute('target', '_blank'); | |
} | |
// Place the more sizes button | |
link.parentElement.insertBefore(searchImageButton, link); | |
link.parentElement.insertBefore(link, searchImageButton); | |
} | |
// Adds links to an object | |
function addLinks(node) { | |
if (DEBUG) | |
console.log('ViewImage: Trying to add links to node: ', node); | |
// Find the container | |
var [container, version] = getContainer(node); | |
// Return if no container was found | |
if (!container) { | |
if (DEBUG) | |
console.log('ViewImage: Adding links failed, container was not found.'); | |
return; | |
} | |
if (DEBUG) | |
console.log('ViewImage: Assuming site version: ', version); | |
// Clear any old extension elements | |
clearExtElements(container); | |
// Find the image url | |
var imageURL = findImageURL(container, version); | |
// Return if image was not found | |
if (!imageURL) { | |
if (DEBUG) | |
console.log('ViewImage: Adding links failed, image was not found.'); | |
return; | |
} | |
addViewImageButton(container, imageURL, version); | |
if (SearchImgBtn) | |
addSearchImageButton(container, imageURL, version); | |
} | |
function parseDataSource(array) { | |
var meta = array[31][0][12][2]; | |
for (var i = 0; i < meta.length; i++) { | |
try { | |
images[meta[i][1][2][0]] = meta[i][1][3][0]; | |
} catch (error) { | |
if (DEBUG) | |
console.log('ViewImage: Skipping image'); | |
} | |
} | |
} | |
function parseDataSource1() { | |
const start_search = /AF_initDataCallback\({key:\s'ds:1',\sisError:\s{2}false\s,\shash:\s'\d+',\sdata:/; | |
const end_search = ', sideChannel: {}});</script>'; | |
var match = document.documentElement.innerHTML.match(start_search); | |
var start_index = match.index + match[0].length; | |
var end_index = start_index + document.documentElement.innerHTML.slice(start_index).indexOf(end_search); | |
parseDataSource(JSON.parse(document.documentElement.innerHTML.slice(start_index, end_index))); | |
} | |
function parseDataSource2() { | |
const start_search = /AF_initDataCallback\({key:\s'ds:2',\sisError:\s{2}false\s,\shash:\s'\d+',\sdata:function(){return\s/; | |
const end_search = '}});</script>'; | |
var match = document.documentElement.innerHTML.match(start_search); | |
var start_index = match.index + match[0].length; | |
var end_index = start_index + document.documentElement.innerHTML.slice(start_index).indexOf(end_search); | |
parseDataSource(JSON.parse(document.documentElement.innerHTML.slice(start_index, end_index))); | |
} | |
// Check if source holds array of images | |
try { | |
if (document.documentElement.innerHTML.indexOf('key: \'ds:1\'') != -1) { | |
if (DEBUG) | |
console.log('ViewImage: Attempting to parse data source 1.'); | |
parseDataSource1(); | |
} else if (document.documentElement.innerHTML.indexOf('key: \'ds:2\'') != -1) { | |
if (DEBUG) | |
console.log('ViewImage: Attempting to parse data source 2.'); | |
parseDataSource2(); | |
} else { | |
throw 'Could not determine data source type.'; | |
} | |
if (DEBUG) | |
console.log('ViewImage: Successfully created source images array.'); | |
} catch (error) { | |
if (DEBUG) { | |
console.log('ViewImage: Failed to create source images array.'); | |
console.error(error); | |
} | |
} | |
// Define the mutation observers | |
var observer = new MutationObserver(function (mutations) { | |
if (DEBUG) | |
console.log('ViewImage: Mutations detected: ', mutations); | |
var node, imgClassName; | |
imgClassName = document.querySelector('img[src][style][jsaction]').className.split(" ")[0]; // Testing a dynamic approach to finding the class name | |
for (var mutation of mutations) { | |
if (mutation.addedNodes && mutation.addedNodes.length > 0) { | |
for (node of mutation.addedNodes) { | |
if (node.classList) { | |
// Check for new image nodes | |
//if (['irc_mi', 'irc_mut', 'irc_ris', 'n3VNCb', 'r48jcc'].some(className => node.classList.contains(className))) { | |
if ([imgClassName].some(className => node.classList.contains(className))) { | |
addLinks(node); | |
} | |
} | |
} | |
} | |
//if (mutation.target.classList && mutation.target.classList.contains('n3VNCb', 'r48jcc')) { | |
if (mutation.target.classList && mutation.target.classList.contains(imgClassName)) { | |
node = mutation.target.closest('.tvh9oe'); | |
if (!node.hasAttribute('aria-hidden')) { | |
addLinks(node); | |
} | |
} | |
} | |
}); | |
// Start adding links | |
if (DEBUG) | |
console.log('ViewImage: Initialising observer...'); | |
observer.observe(document.body, { | |
childList: true, | |
subtree: true, | |
attributes: true | |
}); | |
// inject CSS into document | |
if (DEBUG) | |
console.log('ViewImage: Injecting CSS...'); | |
var customStyle = document.createElement('style'); | |
customStyle.innerText = ` | |
.irc_dsh>.irc_hol.vi_ext_addon, | |
.irc_ft>.irc_help.vi_ext_addon, | |
.PvkmDc.vi_ext_addon, | |
.qnLx5b.vi_ext_addon | |
{ | |
margin: 0 4pt!important | |
} | |
.irc_hol.vi_ext_addon | |
{ | |
flex-grow:0!important | |
} | |
/* | |
.uZ49bd[href^="https://lens.google.com/uploadbyurl"] { | |
margin-left: 4px; | |
} | |
*/ | |
.ZsbmCf.vi_ext_addon{ | |
flex-grow:0 | |
}`; | |
document.head.appendChild(customStyle); |
The view button is not visible when I'm signed in to my google account. I tested signing out and the view button is visible and working fine.
Is this a known limitation?
Yes and no.
The script uses class names to identify the location where it will place the button, problem is that Google randomly changes the class name every now and then; this used to happen very rarely, but now it's almost like every 2 or 3 months.
Ideally, this script should be rewritten to have a more robust approach, but unfortunately my coding chops aren't great and time is limited, so I just update the script mostly as is with the new class names whenever they change for anyone.
Since it is working for me as is, I can't find the new class name at the moment... but you can by following these instructions.
I'm using Vivaldi 6.2.3105.45 (Chrome 116.0.5845.168)
<img src="https://upload.wikimedia.org/wikipedia/commons/e/e7/Everest_North_Face_toward_Base_Camp_Tibet_Luca_Galuzzi_2006.jpg" jsaction="VQAsE" class="r48jcc pT0Scc iPVvYb" style="max-width: 2000px; height: 310px; margin: 0px; width: 465px;" alt="Mountain - Wikipedia" jsname="kn3ccd" aria-hidden="false">
Visit button
<a data-ved="0CBMQ3YkBahcKEwiIlIvA2ImBAxUAAAAAHQAAAAAQQw" class="j7ZI7c" role="button" tabindex="0" rel="noopener" target="_blank" href="https://www.google.com/url?sa=i&url=https%3A%2F%2Fen.wikipedia.org%2Fwiki%2FMountain&psig=AOvVaw1k3dsLQ3BmMaUpwvwbv9HF&ust=1693667297371000&source=images&cd=vfe&opi=89978449&ved=0CBMQ3YkBahcKEwiIlIvA2ImBAxUAAAAAHQAAAAAQQw" jsaction="focus:trigger.HTIQtd;mousedown:trigger.HTIQtd;touchstart:trigger.HTIQtd;" aria-label="Visit Wikipedia" rlhc="1">
<div class="CMTEG efwPxe xdVOWd MjJqGe cd29Sd kM7Sgc">
<span class="iLgTbf indIKd cS4Vcb-pGL6qe-lfQAOe">Visit</span>
<svg viewBox="0 0 24 24" focusable="false" height="18" width="18">
<path d="M0 0h24v24H0z" fill="none"></path>
<path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path>
</svg>
</div>
</a>
@onmyouji Updated the script to v3.7.0.3 based on the info you shared. Update/reinstall and try it out.
It works, thank you!
Great! You're welcome.
I implemented a few changes that are supposed to hold out for longer and dynamically find the class names when they change. It still depends on a fixed structure which doesn't seem to change often, but when it does it will also break. For now this is just testing, I've left all the original code in commented.
v3.7.0.5 is the current version and seems to work fine with the dynamic implementation, time will tell if it was a good idea.
Can confirm, works in Firefox by Tampermonkey. Thank you!
It still doesn't work on me so I just send this here
Opera GX LVL 5 (core: 101.0.4843.85) Chromium version:115.0.5790.171
Img:
<img src="https://gumlet.assettype.com/afkgaming%2Fimport%2Fmedia%2Fimages%2F64144-5f5d9b481fe5863c196d3441322ab983.jpeg?w=1200&auto=format%2Ccompress&ogImage=true&enlarge=true" jsaction="VQAsE" class="r48jcc pT0Scc iPVvYb" style="max-width: 1200px; height: 299px; margin: 0px; width: 559px;" alt="What Does Copium Mean in Twitch Chat and Where Did It Originate?" jsname="kn3ccd" data-iml="4199.10000000149" aria-hidden="false">
Visit button:
<a data-ved="0CBMQ3YkBahcKEwj4kd7tpp2BAxUAAAAAHQAAAAAQBA" class="kWgFk j7ZI7c" role="button" aria-label="Buka" tabindex="0" rel="noopener" target="_blank" href="https://www.google.com/url?sa=i&url=https%3A%2F%2Fafkgaming.com%2Fesports%2Fnews%2F7410-what-does-copium-mean-in-twitch-chat-and-where-did-it-originate&psig=AOvVaw24sRPKHS9o6hINMVvcHlvr&ust=1694340367357000&source=images&cd=vfe&opi=89978449&ved=0CBMQ3YkBahcKEwj4kd7tpp2BAxUAAAAAHQAAAAAQBA" jsaction="focus:trigger.HTIQtd;mousedown:trigger.HTIQtd;touchstart:trigger.HTIQtd;" rlhc="1">
<div class="efwPxe MjJqGe kM7Sgc">
<span class="iLgTbf CzIFEe cS4Vcb-pGL6qe-lfQAOe">Buka</span>
</div>
</a>
Opera
This might be your problem, actually.
The class names you posted are known, but since I "improved" the script to not need them anymore, or at least for the time being, that's most probably not the cause of the issue. Not being too familiar with Opera and its extension mechanism, I tried this myself and sure enough it didn't work.
First, I had to go through hoops to enable TamperMonkey, since it's blacklisted by Opera for whatever reason, and then I noticed that even then it wasn't working, but the userscript was also not being loaded at all. That led to question why isn't TamperMonkey running a userscript when it definitely should be? The reason was not hard to find:
Opera implements an additional privacy protection mechanism. By default, extensions are not allowed to access and manipulate search results provided by most built-in engines. Users can give access to search page results on the Extensions list.
So, in order to work around this you have to give that access to the extension manually. Open opera://extensions
and scroll down to TamperMonkey (or whatever userscript extension you use), then enable the option Allow access to search page results
, that'll probably solve your problem.
@CharlieDavyKW do you have the actual View Image extension installed concurrently? If so, disable it.
Opera
This might be your problem, actually.
Ok now it is working. thanks
@ner00 I disabled it. I even cleared my Cookies and Cache. But it's still not working for me.
@CharlieDavyKW I'm not sure what could be the issue beside Google rolling out a "major" change for chunks of users at a time.
The following is obsolete, but let me know your results anyway:
Since it is working for me as is, I can't find the new class name at the moment... but you can by following these instructions.
Can you make this compatible with mobile version too?
Can you make this compatible with mobile version too?
I made a few adjustments, it seems to be working (at least for me on Kiwi browser, Android).
Give it a try now with v3.7.0.6
Btw, if you're bothered by the Google Lens icon (for searching identical images), you can disable it by changing the value of SearchImgBtn
to false
, in line 18
@CharlieDavyKW Check if the latest update (v3.7.0.6) fixes your previous issue - assuming you still have it.
For one of my two google users, google image searches don't have the "tbm=isch" parameter in the urls so the script won't trigger. Instead, I get "udm=2". So this makes the script work:
// @include http*://*.google.tld/search*udm=2*
@AuroraWright Thank you for sharing that, I've updated the script to include it.
My View Image Button is gone.... I Have Firefox and since today, the button is gone ._.! Oh man why...?
@AydenHitcher Same... just noticed, will have a look later on or tomorrow.
Thank you so much! Hope you find it. Have a nice Day :)!
I updated the script, but this is getting sloppier by the second. I didn't find a reliable way to hook to the target elements as before due to the elements and their characteristics being too bland to distinguish, and this last ditch effort is relying on a specific layout, which is different for desktop/tablet and mobile. If this keeps up I'll revert back to the old, but reliable, static class names.
As of now, v3.7.0.9 should be working on both desktop/tablet and mobile (most of the time)... feedback is appreciated.
Strange, but unfortunately I can't reproduce that issue in no browser.
Now its Working! Thank you a lot @ner00 !!!
@ner00 is there a chance you could replace the .tld
with a list as suggested here? quoid/userscripts#589 (comment) right now the script works correctly on userscripts Safari macOS/iOS if I replace .tld
with *, but it's a bit annoying to do every time
@AuroraWright I have followed the conversation on that issue you linked and found it interesting, from a security perspective I'm not too worried because the regex doesn't just stop after .tld
, it's also a filler since the script used 3 URLs, which now have become 576 (3*192) distinct TLDs and fill half the script.
Nevertheless, I can see the reasonable points of both compatibility and the preferred usage of @match
, so I applied those changes. I tested this on my desktop and mobile, I can't see any overhead from having the script double in lines.
Hope this helps, and thanks for the suggestion.
Started having lots of trouble during the day with Google again changing HTML attributes and other stuff that I was using to dynamically deduce the class name of the Visit button element. I gave up on the dynamic methodology, reverted back to static class names but just now updated to another approach of finding the class name dynamically, this approach is almost as fragile as the previous method, but I'll give it one last shot.
If this doesn't pan out, as it probably won't for long... I'll just have to maintain the script with static class names and every other user that has an issue that I can't reproduce will need to follow instructions to find the new class name so that I can add it to the script - essentially as it was 3 or 4 months ago. For now, v3.7.0.12 seems to be stable for both desktop and mobile.
Hello,
The view button is not visible when I'm signed in to my google account. I tested signing out and the view button is visible and working fine.
Is this a known limitation?