javascript Aptana Studio 3 上的预览选项卡在哪里?

声明:本页面是StackOverFlow热门问题的中英对照翻译,遵循CC BY-SA 4.0协议,如果您需要使用它,必须同样遵循CC BY-SA许可,注明原文地址和作者信息,同时你必须将它归于原作者(不是我):StackOverFlow 原文地址: http://stackoverflow.com/questions/8404806/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me): StackOverFlow

提示:将鼠标放在中文语句上可以显示对应的英文。显示中英文
时间:2020-10-26 03:20:34  来源:igfitidea点击:

Where is the preview tab on Aptana Studio 3?

javascriptcssideaptana

提问by Vitim.us

I'm using Aptana Studio 2 on a Windows PC, and have a tab to preview the page on IE, and another to preview on Firefox. But I switched to Aptana 3 and I don't know if there's no preview or I just not founding it. And yes I did some research on stackoverflow and on aptana website, and on google too, and I have no answer. Now I'm using Aptana Studio 3 on a Mac, and I'd like to preview my page on safari on a embed browser inside the IDE.

我在 Windows PC 上使用 Aptana Studio 2,有一个选项卡可以在 IE 上预览页面,另一个选项卡可以在 Firefox 上预览。但是我切换到 Aptana 3,我不知道是没有预览还是我没有创建它。是的,我对 stackoverflow 和 aptana 网站以及谷歌做了一些研究,但我没有答案。现在我在 Mac 上使用 Aptana Studio 3,我想在 IDE 内的嵌入浏览器上的 safari 上预览我的页面。

How I set it up to preview with other browsers.

我如何设置它以使用其他浏览器进行预览。

If there's no way to do that, how people do to edit files and preview then? Editing CSS is like a pain, editing a thing like 1 pixel, and saving and switching to browser window, and refreshing the page. Would be awesome if exist a splited screen with live preview.

如果没有办法做到这一点,人们如何编辑文件和预览呢?编辑 CSS 很痛苦,编辑一个像 1 像素这样的东西,然后保存并切换到浏览器窗口,刷新页面。如果存在带有实时预览的分屏,那就太棒了。

回答by Vitim.us

Side-by-Side Previewing

并排预览

By default, previewing opens in a new tab. You can modify this to see your source and your preview side-by-side.

默认情况下,预览会在新选项卡中打开。您可以修改它以并排查看源和预览。

Setting Previews

设置预览

If you wish, you can have your source and preview side-by-side

如果您愿意,您可以并排查看源代码和预览

  1. Press the Preview button in the toolbar, The preview window launches
  2. Drag the preview window by the top tab to the left, right, bottom, or top of the editor area, depending on how you wish to split the screen.
  3. Saving the original source file updates the preview.
  1. 按工具栏中的预览按钮,预览窗口启动
  2. 根据您希望如何拆分屏幕,将顶部选项卡的预览窗口拖动到编辑器区域的左侧、右侧、底部或顶部。
  3. 保存原始源文件会更新预览。

Ilustration

插图

Result: Result

结果: 结果

Source: https://wiki.appcelerator.org/display/tis/Side-by-Side+Previewing

来源:https: //wiki.appcelerator.org/display/tis/Side-by-Side+Previewing

Thanks Ingo Muschenetzfor pointing this.

感谢Ingo Muschenetz您指出这一点。

回答by Michael Bunch

There is a blue square with what looks like a eye inside. It's between the 'Aptana Start Page' and 'Open Terminal' icons in the toolbar.

有一个蓝色方块,里面看起来像一只眼睛。它位于工具栏中的“Aptana 起始页”和“打开终端”图标之间。

回答by Ingo Muschenetz

You can do a side-by-side preview. See the document here: http://wiki.appcelerator.org/display/tis/Side-by-Side+Previewing

您可以并排预览。请参阅此处的文档:http: //wiki.appcelerator.org/display/tis/Side-by-Side+Previewing

回答by Didier JNR

There is a blue square with what looks like a eye inside. It's between the 'Aptana Start Page' and 'Open Terminal' icons in the toolbar.: True but before you must have Toolbarvisible. By default, at my Aptana, I dit not have the Toolbar but I have the same problem as Vitim.us. So, 1) Windows--> Show Toolbarand 2) the solution of Michael Bunch.

有一个蓝色方块,里面看起来像一只眼睛。它位于工具栏中的“Aptana 起始页”和“打开终端”图标之间。: 是的,但在您必须让工具栏可见之前。默认情况下,在我的 Aptana 中,我没有工具栏,但我遇到了与Vitim.us相同的问题。因此,1) Windows--> Show Toolbar和 2) Michael Bunch的解决方案。