工作网站的响应式设计
Responsive design for working website
我是初级网络开发人员，仅限前端。有时我需要使现有的工作网站具有响应能力。我使用浏览器扩展程序（Chrome 的 Styler），它向我显示 window 我可以在何处插入我的样式，这些样式将应用于页面。但这看起来并不困难（需要在我的文本编辑器中编写代码，将其复制到扩展表单，然后一遍又一遍……）。有没有办法将我的本地样式表集成到现有网站，仅在我的编辑器中进行更改并自动重新加载页面，就像本地页面一样？我在 LiveReload 网站上找到了一些东西 -
http://feedback.livereload.com/knowledgebase/articles/86220-preview-css-changes-against-a-live-site-then-uplo，但我无法使用他们的应用程序，因为我正在使用 windows（LiveReload 仍处于测试阶段）。如果有人使用类似的，你能解释一下如何让它工作吗？谢谢
在体验过程中，我找到了简单的解决方案：
- 需要安装Chrome扩展（CSS注入）。
- 运行 你机器上的网络服务器，它将托管你的 css 注入文件（CSS Inject 仅适用于 HTTP）并将其插入到 CSS Inject ，在我的情况下它看起来像 - http:// adapt/css/style.css
- 需要 livereload 服务器。为此，我正在使用 node.js 和这个包 https://www.npmjs.com/package/livereload。
- 在您的网站根目录中创建文件（例如server.js）
将此代码粘贴到 server.js:
var livereload = require('livereload'),
服务器 = livereload.createServer();
server.watch(__dirname + "/css");
console.log('waiting for changes');
转到您的实时网站并激活 CSS 注入。
- 运行节点./server.js
- 就是这样。您现在可以在本地修改样式并在真实网站上查看更改。
如果有人知道更好的解决方案（使用此包 https://www.npmjs.com/package/livereload#api-options 中的 API，特别是 overrideURL 选项）或对 node.js 有更好的体验并了解如何实现它，请 post 您的解决方案在这里，我将不胜感激。
我是初级网络开发人员，仅限前端。有时我需要使现有的工作网站具有响应能力。我使用浏览器扩展程序（Chrome 的 Styler），它向我显示 window 我可以在何处插入我的样式，这些样式将应用于页面。但这看起来并不困难（需要在我的文本编辑器中编写代码，将其复制到扩展表单，然后一遍又一遍……）。有没有办法将我的本地样式表集成到现有网站，仅在我的编辑器中进行更改并自动重新加载页面，就像本地页面一样？我在 LiveReload 网站上找到了一些东西 - http://feedback.livereload.com/knowledgebase/articles/86220-preview-css-changes-against-a-live-site-then-uplo，但我无法使用他们的应用程序，因为我正在使用 windows（LiveReload 仍处于测试阶段）。如果有人使用类似的，你能解释一下如何让它工作吗？谢谢
在体验过程中，我找到了简单的解决方案：
- 需要安装Chrome扩展（CSS注入）。
- 运行 你机器上的网络服务器，它将托管你的 css 注入文件（CSS Inject 仅适用于 HTTP）并将其插入到 CSS Inject ，在我的情况下它看起来像 - http:// adapt/css/style.css
- 需要 livereload 服务器。为此，我正在使用 node.js 和这个包 https://www.npmjs.com/package/livereload。
- 在您的网站根目录中创建文件（例如server.js）
将此代码粘贴到 server.js:
var livereload = require('livereload'), 服务器 = livereload.createServer();
server.watch(__dirname + "/css"); console.log('waiting for changes');
转到您的实时网站并激活 CSS 注入。
- 运行节点./server.js
- 就是这样。您现在可以在本地修改样式并在真实网站上查看更改。
如果有人知道更好的解决方案（使用此包 https://www.npmjs.com/package/livereload#api-options 中的 API，特别是 overrideURL 选项）或对 node.js 有更好的体验并了解如何实现它，请 post 您的解决方案在这里，我将不胜感激。