产品原型
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

187 lines
5.4 KiB

4 years ago
  1. <html>
  2. <head>
  3. <title>Install the Axure RP Chrome Extension</title>
  4. <style type="text/css">
  5. *
  6. {
  7. font-family: NunitoSans, Helvetica, Arial, sans-serif;
  8. }
  9. body
  10. {
  11. text-align: center;
  12. background-color: #fafafa;
  13. }
  14. p
  15. {
  16. font-size: 14px;
  17. line-height: 18px;
  18. color: #333333;
  19. }
  20. div.container
  21. {
  22. width: 980px;
  23. margin-left: auto;
  24. margin-right: auto;
  25. text-align: left;
  26. }
  27. a
  28. {
  29. text-decoration: none;
  30. color: #009dda;
  31. }
  32. .button
  33. {
  34. background: #A502B3;
  35. font: normal 16px Arial, sans-serif;
  36. color: #FFFFFF;
  37. padding: 10px 30px 10px 30px;
  38. border: 2px solid #A502B3;
  39. display: inline-block;
  40. margin-top: 10px;
  41. text-transform: uppercase;
  42. font-size: 14px;
  43. border-radius: 4px;
  44. }
  45. a:hover.button
  46. {
  47. border: 2px solid #A502B3;
  48. color: #A502B3;
  49. background-color: #FFFFFF;
  50. }
  51. div.left
  52. {
  53. width: 400px;
  54. float: left;
  55. margin-right: 80px;
  56. }
  57. div.right
  58. {
  59. width: 400px;
  60. float: left;
  61. }
  62. div.buttonContainer
  63. {
  64. text-align: center;
  65. }
  66. h1
  67. {
  68. font-size: 36px;
  69. color: #333333;
  70. line-height: 50px;
  71. margin-bottom: 20px;
  72. font-weight: normal;
  73. }
  74. h2
  75. {
  76. font-size: 24px;
  77. font-weight: normal;
  78. color: #08639C;
  79. text-align: center;
  80. }
  81. h3
  82. {
  83. font-size: 16px;
  84. color: #333333;
  85. font-weight: normal;
  86. text-transform: uppercase;
  87. }
  88. .heading
  89. {
  90. border-bottom: 1px solid black;
  91. height: 36px;
  92. line-height: 36px;
  93. font-size: 22px;
  94. color: #000000;
  95. }
  96. span.faq
  97. {
  98. font-size: 16px;
  99. line-height: 24px;
  100. font-weight: normal;
  101. text-transform: uppercase;
  102. color: #333333;
  103. display: block;
  104. }
  105. </style>
  106. </head>
  107. <body>
  108. <div class="container">
  109. <br />
  110. <br />
  111. <img src="axure_logo.png" alt="axure" />
  112. <br />
  113. <br />
  114. <h1>
  115. AXURE RP EXTENSION FOR CHROME</h1>
  116. <p style="font-size: 14px; color: #666666; margin-top: 10px;">
  117. Google Chrome requires an extension to view locally stored projects. Alternatively,
  118. upload your RP file to <a href="https://www.axure.cloud">Axure Cloud</a> or use a different
  119. browser. You can also Preview from Axure RP.</p>
  120. <img src="preview-rp.png" alt="preview"/>
  121. <h3 class="heading">
  122. VIEW LOCAL PROJECTS IN CHROME</h3>
  123. <div class="left">
  124. <h3>
  125. 1. Install Extension from Chrome Store</h3>
  126. <div class="buttonContainer">
  127. <a class="button" href="https://chrome.google.com/webstore/detail/dogkpdfcklifaemcdfbildhcofnopogp"
  128. target="_blank">Install Extension</a>
  129. </div>
  130. </div>
  131. <div class="right">
  132. <h3>
  133. 2. Open "More Tools > Extensions"</h3>
  134. <img src="extensions.png" alt="extensions"/>
  135. </div>
  136. <div style="clear: both; height: 20px;">
  137. &nbsp;</div>
  138. <div class="left">
  139. <h3>
  140. 3. View Axure RP Extension Details</h3>
  141. <img src="details.png" alt="extension details"/>
  142. </div>
  143. <div class="right">
  144. <h3>
  145. 4. Check "Allow access to file URLs"</h3>
  146. <img src="allow-access.png" alt="allow access"/>
  147. </div>
  148. <div style="clear: both; height: 20px;">
  149. &nbsp;</div>
  150. <div class="left">
  151. <h3>
  152. 5. Click the button below</h3>
  153. <div class="buttonContainer">
  154. <a class="button" href="../../start.html">View in Chrome</a>
  155. </div>
  156. </div>
  157. <div style="clear: both; height: 20px;">
  158. </div>
  159. <h3 class="heading">
  160. EXTENSION FAQ</h3>
  161. <p>
  162. <span class="faq">What is a Chrome Extension?</span> Extensions are downloadable
  163. plug-ins for Google Chrome that modify the browser
  164. and allow you additional capabilities.
  165. </p>
  166. <p style="margin-top: 25px;">
  167. <span class="faq">Why do I need to install the extension?</span> Google requires
  168. this extension to be installed to allow the viewing of local files in
  169. Chrome
  170. </p>
  171. <p style="margin-top: 25px; margin-bottom: 25px;">
  172. <span class="faq">Why does this extension require a high access level?</span> This
  173. extension requires a high access level to allow the viewing of the file://
  174. protocol. Axure does not track or access any of your information.
  175. </p>
  176. <h3 class="heading">
  177. WE'RE HERE TO HELP</h3>
  178. <p>
  179. Need help or have any questions? Contact our support team at <a href="mailto:support@axure.com">
  180. support@axure.com</a>.
  181. </p>
  182. <div style="clear: both; height: 20px;">
  183. </div>
  184. </div>
  185. </body>
  186. </html>