新标签页.html 17 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357
  1. <!DOCTYPE html>
  2. <!-- saved from url=(0040)chrome-search://local-ntp/local-ntp.html -->
  3. <html lang="zh" dir="ltr" class="inited"><!-- Copyright 2015 The Chromium Authors. All rights reserved.
  4. Use of this source code is governed by a BSD-style license that can be
  5. found in the LICENSE file. --><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  6. <link rel="stylesheet" href="chrome-search://local-ntp/animations.css">
  7. <link rel="stylesheet" href="chrome-search://local-ntp/local-ntp-common.css">
  8. <link rel="stylesheet" href="chrome-search://local-ntp/customize.css">
  9. <link rel="stylesheet" href="chrome-search://local-ntp/doodles.css">
  10. <link rel="stylesheet" href="chrome-search://local-ntp/local-ntp.css">
  11. <link rel="stylesheet" href="chrome-search://local-ntp/theme.css">
  12. <link rel="stylesheet" href="chrome-search://local-ntp/voice.css">
  13. <meta http-equiv="Content-Security-Policy" content="object-src &#39;none&#39;;child-src chrome-search://most-visited/ https://*.google.com/ ;script-src &#39;strict-dynamic&#39; &#39;sha256-1+GSDjMMklBjZY0QiWq+tGupCvajw4Xbn46ect2mZgM=&#39; &#39;sha256-2mX1M62Fd0u8q0dQY2mRsK5S1NS9jJuQAvyE8tD0dkQ=&#39; &#39;sha256-EtIKSV82ixJHE3AzqhoiVbUGKG+Kd8XS0fFToow29o0=&#39; &#39;sha256-QSyFltV9X3gkyBrg+SMfKvZNXmqPQc6K4B6OYhTuXmw=&#39; &#39;sha256-4M0jdrILwm/h3mCRbjIF07jAlCbI0ZbyLjQL/9HVhwE=&#39; &#39;sha256-CbH+xPsBKQxVw5d9blISLDeuMSe1M+dJ4xfArFynIfw=&#39; &#39;sha256-C9ctze2LhHtwL+fcPVPkmVRYjQgXTGs4xfBAzlQwGWk=&#39; &#39;sha256-JtSk4wWrEa1SJ1s//InAZDhd+6uc3DEhS+CxpkRiER4=&#39;;">
  14. <script src="chrome-search://local-ntp/assert.js" integrity="sha256-2mX1M62Fd0u8q0dQY2mRsK5S1NS9jJuQAvyE8tD0dkQ="></script>
  15. <script src="chrome-search://local-ntp/animations.js" integrity="sha256-1+GSDjMMklBjZY0QiWq+tGupCvajw4Xbn46ect2mZgM="></script>
  16. <script src="chrome-search://local-ntp/config.js" integrity="sha256-JtSk4wWrEa1SJ1s//InAZDhd+6uc3DEhS+CxpkRiER4="></script>
  17. <script src="chrome-search://local-ntp/customize.js" integrity="sha256-EtIKSV82ixJHE3AzqhoiVbUGKG+Kd8XS0fFToow29o0="></script>
  18. <script src="chrome-search://local-ntp/doodles.js" integrity="sha256-QSyFltV9X3gkyBrg+SMfKvZNXmqPQc6K4B6OYhTuXmw="></script>
  19. <script src="chrome-search://local-ntp/local-ntp.js" integrity="sha256-4M0jdrILwm/h3mCRbjIF07jAlCbI0ZbyLjQL/9HVhwE="></script>
  20. <script src="chrome-search://local-ntp/utils.js" integrity="sha256-CbH+xPsBKQxVw5d9blISLDeuMSe1M+dJ4xfArFynIfw="></script>
  21. <meta name="google" value="notranslate">
  22. <meta name="referrer" content="strict-origin">
  23. </head>
  24. <body class="light-chip non-google-page win" style="--logo-color:rgba(238,238,238,1); background: rgb(255, 255, 255);">
  25. <div id="custom-bg" style="opacity: 0;"></div>
  26. <div id="custom-bg-preview"></div>
  27. <!-- Container for the OneGoogleBar HTML. -->
  28. <div id="one-google"></div>
  29. <div id="ntp-contents">
  30. <div id="logo">
  31. <!-- The logo that is displayed in the absence of a doodle. -->
  32. <div id="logo-default" title="Google"></div>
  33. <!-- Logo displayed when theme prevents doodles. Doesn't fade. -->
  34. <div id="logo-non-white" title="Google"></div>
  35. <!-- A doodle, if any: its link and image. -->
  36. <div id="logo-doodle">
  37. <div id="logo-doodle-container">
  38. <div id="logo-doodle-wrapper">
  39. <button id="logo-doodle-button">
  40. <img id="logo-doodle-image" tabindex="-1">
  41. </button>
  42. </div>
  43. </div>
  44. <iframe id="logo-doodle-iframe" scrolling="no" src="./新标签页_files/saved_resource.html"></iframe>
  45. </div>
  46. </div>
  47. <div id="fakebox-container" hidden="">
  48. <div id="fakebox">
  49. <div class="search-icon"></div>
  50. <div id="fakebox-text"></div>
  51. <input id="fakebox-input" autocomplete="off" tabindex="-1" type="url" aria-hidden="true">
  52. <div id="fakebox-cursor"></div>
  53. <button id="fakebox-microphone" class="microphone-icon" hidden=""></button>
  54. </div>
  55. </div>
  56. <div id="realbox-container">
  57. <div id="realbox-input-wrapper">
  58. <div id="realbox-icon" data-default-icon="search.svg">
  59. </div>
  60. <input id="realbox" type="search" autocomplete="off" spellcheck="false" aria-live="polite" autofocus="">
  61. <button id="realbox-microphone" class="microphone-icon" hidden=""></button>
  62. <div id="realbox-matches"></div>
  63. </div>
  64. </div>
  65. <div id="user-content">
  66. <!-- Search suggestions will be inserted here. -->
  67. <div id="most-visited">
  68. <!-- The container for the tiles. The MV iframe goes in here. -->
  69. <div id="mv-tiles"><iframe id="mv-single" name="mv-single" title="常去网站" src="./新标签页_files/single.html"></iframe></div>
  70. </div>
  71. </div>
  72. <!-- Notification shown when the tiles are modified. -->
  73. <div id="mv-notice-container">
  74. <div id="mv-notice" class="notice-hide" role="alert">
  75. <span id="mv-msg">已移除快捷方式</span>
  76. <!-- Links in the notification. -->
  77. <span id="mv-notice-links">
  78. <span id="mv-undo" class="ripple" tabindex="0" role="button">撤消</span>
  79. <span id="mv-restore" class="ripple" tabindex="0" role="button"></span>
  80. </span>
  81. </div>
  82. </div>
  83. <div id="attribution" style="display: none;"><div id="attribution-text">主题背景创建者:</div></div>
  84. <div id="error-notice-container">
  85. <div id="error-notice" class="notice-hide" role="alert">
  86. <span id="error-notice-icon"></span>
  87. <span id="error-notice-msg"></span>
  88. <span id="error-notice-link" class="ripple" tabindex="0" role="button"></span>
  89. </div>
  90. </div>
  91. <div id="edit-bg" tabindex="0" role="button" hidden="" class="ep-enhanced">
  92. <div id="edit-bg-icon"></div>
  93. <span id="edit-bg-text">自定义</span>
  94. </div>
  95. <div id="custom-bg-attr"></div>
  96. </div>
  97. <dialog div="" id="edit-bg-dialog">
  98. <div id="edit-bg-menu">
  99. <div id="edit-bg-title"></div>
  100. <div id="edit-bg-default-wallpapers" class="bg-option" tabindex="0">
  101. <div class="bg-option-img"></div>
  102. <div id="edit-bg-default-wallpapers-text" class="bg-option-text">
  103. </div>
  104. </div>
  105. <div id="edit-bg-upload-image" class="bg-option" tabindex="0">
  106. <div class="bg-option-img"></div>
  107. <div id="edit-bg-upload-image-text" class="bg-option-text"></div>
  108. </div>
  109. <div id="edit-bg-divider"></div>
  110. <div id="custom-links-restore-default" class="bg-option bg-option-disabled" tabindex="0">
  111. <div class="bg-option-img"></div>
  112. <div id="custom-links-restore-default-text" class="bg-option-text"></div>
  113. </div>
  114. <div id="edit-bg-restore-default" class="bg-option bg-option-disabled" tabindex="-1">
  115. <div class="bg-option-img"></div>
  116. <div id="edit-bg-restore-default-text" class="bg-option-text"></div>
  117. </div>
  118. </div>
  119. </dialog>
  120. <dialog id="ddlsd">
  121. <div id="ddlsd-title"></div>
  122. <button id="ddlsd-close"></button>
  123. <div id="ddlsd-content">
  124. <button id="ddlsd-fbb" class="ddlsd-sbtn"></button>
  125. <button id="ddlsd-twb" class="ddlsd-sbtn"></button>
  126. <button id="ddlsd-emb" class="ddlsd-sbtn"></button>
  127. <hr id="ddlsd-hr">
  128. <div id="ddlsd-link">
  129. <span id="ddlsd-text-ctr">
  130. <input type="text" id="ddlsd-text" dir="ltr">
  131. </span>
  132. <button id="ddlsd-copy"></button>
  133. </div>
  134. </div>
  135. </dialog>
  136. <dialog id="bg-sel-menu" class="customize-dialog">
  137. <div id="bg-sel-title-bar">
  138. <div id="bg-sel-back-circle" tabindex="0" role="button">
  139. <div id="bg-sel-back"></div>
  140. </div>
  141. <div id="bg-sel-title"></div>
  142. </div>
  143. <div id="bg-sel-tiles" tabindex="0"></div>
  144. <div id="bg-sel-footer">
  145. <button id="bg-sel-footer-cancel" class="bg-sel-footer-button paper secondary ripple" tabindex="0"></button>
  146. <button id="bg-sel-footer-done" class="bg-sel-footer-button paper primary ripple" tabindex="-1"></button>
  147. </div>
  148. </dialog>
  149. <dialog id="customization-menu" class="customize-dialog">
  150. <div id="menu-nav-panel" role="tablist" aria-label="自定义此页">
  151. <button id="backgrounds-button" class="menu-option" tabindex="0" role="tab" aria-controls="backgrounds-menu backgrounds-image-menu" aria-selected="true" aria-labelledby="backgrounds-menu-option" title="背景">
  152. <div class="menu-option-icon-wrapper">
  153. <div id="backgrounds-icon" class="menu-option-icon"></div>
  154. </div>
  155. <div id="backgrounds-menu-option" class="menu-option-label">
  156. 背景
  157. </div>
  158. </button>
  159. <button id="shortcuts-button" class="menu-option" tabindex="0" role="tab" aria-controls="shortcuts-menu" aria-selected="false" aria-labelledby="shortcuts-menu-option" title="快捷键">
  160. <div class="menu-option-icon-wrapper">
  161. <div id="shortcuts-icon" class="menu-option-icon"></div>
  162. </div>
  163. <div id="shortcuts-menu-option" class="menu-option-label">
  164. 快捷键
  165. </div>
  166. </button>
  167. <button id="colors-button" class="menu-option" tabindex="0" role="tab" aria-controls="colors-menu" aria-selected="false" aria-labelledby="colors-menu-option" title="颜色和主题背景">
  168. <div class="menu-option-icon-wrapper">
  169. <div id="colors-icon" class="menu-option-icon"></div>
  170. </div>
  171. <div id="colors-menu-option" class="menu-option-label">
  172. 颜色和主题背景
  173. </div>
  174. </button>
  175. </div>
  176. <div id="menu-contents">
  177. <div id="menu-header">
  178. <div id="menu-back-circle" tabindex="0" role="button" aria-label="后退" title="后退">
  179. <div id="menu-back"></div>
  180. </div>
  181. <div id="menu-title">自定义此页</div>
  182. <div id="refresh-daily-wrapper">
  183. <div id="refresh-toggle-wrapper" title="每日刷新">
  184. <label class="switch">
  185. <input id="refresh-daily-toggle" type="checkbox" aria-labelledby="refresh-text">
  186. <span class="toggle">
  187. <div class="knob"></div>
  188. <div class="highlight"></div>
  189. </span>
  190. </label>
  191. </div>
  192. <div id="refresh-text">每日刷新</div>
  193. </div>
  194. </div>
  195. <div id="backgrounds-menu" class="menu-panel" tabindex="0" role="tabpanel" aria-label="背景">
  196. <div id="backgrounds-upload" class="bg-sel-tile-bg">
  197. <div id="backgrounds-upload-icon" class="bg-sel-tile" tabindex="-1" role="button" aria-label="从设备上传" aria-pressed="false" title="从设备上传">
  198. <div id="backgrounds-upload-arrow"></div>
  199. <div id="backgrounds-upload-text">从设备上传</div>
  200. </div>
  201. </div>
  202. <div id="backgrounds-default" class="bg-sel-tile-bg">
  203. <div id="backgrounds-default-icon" class="bg-sel-tile" tabindex="-1" role="button" aria-label="无背景图片" title="无背景图片" aria-pressed="false">
  204. <div class="mini-page">
  205. <div class="mini-header-colorful"></div>
  206. <div class="mini-shortcuts"></div>
  207. </div>
  208. </div>
  209. <div class="bg-sel-tile-title">无背景图片</div>
  210. </div>
  211. </div>
  212. <div id="backgrounds-image-menu" class="menu-panel" tabindex="0" role="tabpanel" aria-label="背景"></div>
  213. <div id="backgrounds-disabled-menu" class="menu-panel" tabindex="0" role="tabpanel" aria-label="背景">
  214. <div id="backgrounds-disabled-wrapper">
  215. <div id="backgrounds-disabled-icon"></div>
  216. <div id="backgrounds-disabled-title">
  217. 您的管理员已关闭自定义背景
  218. </div>
  219. </div>
  220. </div>
  221. <div id="shortcuts-menu" class="menu-panel" tabindex="0" role="tabpanel" aria-label="快捷键">
  222. <div id="sh-options">
  223. <div class="sh-option">
  224. <div id="sh-option-cl" class="sh-option-image" tabindex="-1" role="button" aria-pressed="false" aria-labelledby="sh-option-cl-title" title="我的快捷方式">
  225. <div class="sh-option-icon"></div>
  226. <div class="sh-option-mini">
  227. <div class="mini-page">
  228. <div class="mini-header"></div>
  229. <div class="mini-shortcuts"></div>
  230. </div>
  231. </div>
  232. </div>
  233. <div id="sh-option-cl-title" class="sh-option-title">
  234. 我的快捷方式
  235. </div>
  236. 快捷方式由您自己挑选
  237. </div>
  238. <div class="sh-option">
  239. <div id="sh-option-mv" class="sh-option-image" tabindex="-1" role="button" aria-pressed="false" aria-labelledby="sh-option-mv-title" title="最常访问的网站">
  240. <div class="sh-option-icon"></div>
  241. <div class="sh-option-mini">
  242. <div class="mini-page">
  243. <div class="mini-header"></div>
  244. <div class="mini-shortcuts"></div>
  245. </div>
  246. </div>
  247. </div>
  248. <div id="sh-option-mv-title" class="sh-option-title">
  249. 最常访问的网站
  250. </div>
  251. 系统根据您经常访问的网站提供快捷方式建议
  252. </div>
  253. </div>
  254. <div id="sh-hide">
  255. <div id="sh-hide-icon"></div>
  256. <div>
  257. <div id="sh-hide-title">隐藏快捷方式</div>
  258. 不在本页上显示快捷方式
  259. </div>
  260. <div id="sh-hide-toggle-wrapper" title="隐藏快捷方式">
  261. <label class="switch">
  262. <input id="sh-hide-toggle" type="checkbox" tabindex="-1" aria-labelledby="sh-hide-title">
  263. <span class="toggle">
  264. <div class="knob"></div>
  265. <div class="highlight"></div>
  266. </span>
  267. </label>
  268. </div>
  269. </div>
  270. </div>
  271. <div id="colors-menu" class="menu-panel" tabindex="0" role="tabpanel" aria-label="颜色和主题背景">
  272. <div id="colors-theme" tabindex="0">
  273. <div id="colors-theme-icon"></div>
  274. <div id="colors-theme-info">
  275. <div id="colors-theme-name"></div>
  276. 您已安装的当前主题背景
  277. </div>
  278. <a id="colors-theme-link" target="_blank">
  279. <div id="colors-theme-link-icon"> </div>
  280. </a>
  281. <button id="colors-theme-uninstall" class="paper secondary">
  282. 卸载
  283. </button>
  284. </div>
  285. <div id="color-picker-container" class="bg-sel-tile-bg">
  286. <div id="color-picker-tile" class="bg-sel-tile" tabindex="-1" aria-label="选择颜色" title="选择颜色" role="button" aria-pressed="false">
  287. <div id="left-semicircle"></div>
  288. <div id="color-picker-icon"></div>
  289. <input id="color-picker" type="color" style="display:none">
  290. </div>
  291. </div>
  292. <div id="colors-default" class="bg-sel-tile-bg">
  293. <div id="colors-default-icon" class="bg-sel-tile" tabindex="-1" aria-label="默认" title="默认" role="button" aria-pressed="false">
  294. </div>
  295. </div>
  296. </div>
  297. </div>
  298. <div id="menu-footer">
  299. <button id="menu-cancel" class="bg-sel-footer-button paper secondary ripple" title="取消">取消</button>
  300. <button id="menu-done" class="bg-sel-footer-button paper primary ripple" title="完成">完成</button>
  301. </div>
  302. </dialog>
  303. <dialog id="voice-overlay-dialog" class="overlay-dialog">
  304. <div id="voice-overlay" class="overlay-hidden">
  305. <button id="voice-close-button" class="close-button">×</button>
  306. <div id="voice-outer" class="outer">
  307. <div class="inner-container">
  308. <div id="voice-button-container" class="button-container">
  309. <!-- The audio level animation. -->
  310. <span id="voice-level" class="level"></span>
  311. <!-- The microphone button. -->
  312. <span id="voice-button" class="button">
  313. <!-- The microphone icon (in CSS). -->
  314. <div class="microphone">
  315. <span class="receiver"></span>
  316. <div class="wrapper">
  317. <span class="stem"></span>
  318. <span class="shell"></span>
  319. </div>
  320. </div>
  321. </span>
  322. </div>
  323. <div id="text-container" aria-live="polite">
  324. <!-- Low confidence text underneath high confidence text. -->
  325. <span id="voice-text-i" class="voice-text"></span>
  326. <!-- High confidence text on top of low confidence text. -->
  327. <span id="voice-text-f" class="voice-text"></span>
  328. </div>
  329. </div>
  330. </div>
  331. </div>
  332. </dialog>
  333. <div id="screen-reader-announcer" role="status" aria-live="polite"></div>
  334. <div id="one-google-end-of-body"></div>
  335. <script defer="" src="chrome-search://local-ntp/voice.js" integrity="sha256-C9ctze2LhHtwL+fcPVPkmVRYjQgXTGs4xfBAzlQwGWk="></script>
  336. </body></html>