chrome.html 5.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156
  1. <html>
  2. <head>
  3. <title>Install the Axure RP Chrome Extension</title>
  4. <style type="text/css">
  5. * {
  6. font-family: "Source Sans Pro", sans-serif;
  7. }
  8. body {
  9. text-align: center;
  10. background-color: #f7fafc;
  11. color: #37465e;
  12. }
  13. p {
  14. font-size: 14px;
  15. line-height: 18px;
  16. color: #333333;
  17. }
  18. div.container {
  19. width: 980px;
  20. margin-left: auto;
  21. margin-right: auto;
  22. text-align: left;
  23. }
  24. a {
  25. text-decoration: none;
  26. color: #ffffff;
  27. }
  28. .button {
  29. display: block;
  30. width: 240px;
  31. height: 30px;
  32. padding: 2px 8px 2px 8px;
  33. border-radius: 4px;
  34. background-color: #3eacef;
  35. box-sizing: border-box;
  36. font-family: "Source Sans Pro SemiBold", "Source Sans Pro", sans-serif;
  37. font-weight: 600;
  38. color: #ffffff;
  39. text-align: center;
  40. font-size: 14px;
  41. line-height: 28px;
  42. }
  43. a:hover.button {
  44. background-color: #1482c5;
  45. }
  46. div.left {
  47. width: 400px;
  48. float: left;
  49. margin-right: 80px;
  50. }
  51. div.right {
  52. width: 400px;
  53. float: left;
  54. }
  55. div.buttonContainer {
  56. text-align: center;
  57. }
  58. .header {
  59. font-size: 22px;
  60. color: #333333;
  61. line-height: 50px;
  62. font-weight: bold;
  63. }
  64. </style>
  65. </head>
  66. <body>
  67. <div class="container">
  68. <br />
  69. <br />
  70. <img src="axure_logo.png" alt="axure" style="width: 100px" />
  71. <br />
  72. <br />
  73. <p class="header">
  74. Axure RP Extension for Chrome
  75. </p>
  76. <p>
  77. Google Chrome requires an extension to view locally published prototypes. Alternatively, upload your RP file to <a href="https://www.axure.cloud" style="color: #53ADE9">Axure Cloud</a> or use a different browser. You can also Preview from Axure RP.
  78. </p>
  79. <img src="preview-rp.png" alt="preview" />
  80. <p class="header">
  81. View locally published prototypes in Chrome
  82. </p>
  83. <div class="left">
  84. <p>
  85. 1. Add the extension from Chrome Web Store.
  86. </p>
  87. <div class="buttonContainer">
  88. <a class="button" href="https://chrome.google.com/webstore/detail/dogkpdfcklifaemcdfbildhcofnopogp"
  89. target="_blank">Add Extension</a>
  90. </div>
  91. </div>
  92. <div class="right">
  93. <p>
  94. 2. Open <b>More tools → Extensions</b>
  95. </p>
  96. <img src="extensions.png" alt="extensions" />
  97. </div>
  98. <div style="clear: both; height: 20px;">&nbsp;</div>
  99. <div class="left">
  100. <p>
  101. 3. View Axure RP Extension <b>Details</b>
  102. </p>
  103. <img src="details.png" alt="extension details" />
  104. </div>
  105. <div class="right">
  106. <p>
  107. 4. Turn on <b>Allow access to file URLs</b>
  108. </p>
  109. <img src="allow-access.png" alt="allow access" />
  110. </div>
  111. <div style="clear: both; height: 20px;">&nbsp;</div>
  112. <div class="left">
  113. <p>
  114. 5. Click this button
  115. </p>
  116. <div class="buttonContainer">
  117. <a class="button" href="../../start.html">View in Chrome</a>
  118. </div>
  119. </div>
  120. <div style="clear: both; height: 20px;">
  121. </div>
  122. <p class="header">
  123. Need private or on-premises hosting?
  124. </p>
  125. <p>
  126. Axure Cloud for Business gives you all of the features of Axure Cloud plus control of accounts and permissions. For hosting behind your firewall, check out Axure Cloud On-Premises.
  127. </p>
  128. <div class="buttonContainer">
  129. <a class="button" href="https://www.axure.com/axure-cloud#hosted">Learn more</a>
  130. </div>
  131. <div style="clear: both; height: 20px;"></div>
  132. <p class="header">
  133. FAQs
  134. </p>
  135. <p><b>Why do I need to install the extension?</b></p>
  136. <p>
  137. Google requires this extension to be installed to allow the viewing of locally published HTML files in Chrome.
  138. </p>
  139. <div style="clear: both; height: 10px;"></div>
  140. <p>
  141. <b>Why does this extension require a high access level?</b>
  142. </p>
  143. <p>
  144. This extension requires a high access level to allow the viewing of the file:// protocol. Axure does not track or access any of your information.
  145. </p>
  146. <div style="clear: both; height: 10px;"></div>
  147. <p class="header">
  148. We're here to help
  149. </p>
  150. <p>
  151. If you have any questions, please email us at <a href="mailto:support@axure.com" style="color: #53ADE9">support@axure.com</a>.
  152. </p>
  153. <div style="clear: both; height: 20px;"></div>
  154. </div>
  155. </body>
  156. </html>