Когда мы поместили Couch Potato - расширение Chrome, которое позволяет вам смотреть шоу Hulu вместе с друзьями - в магазине Chrome, все может сломаться. Но мы понятия не имели, как это будет выглядеть! С тех пор у нас возникла пара проблем, которые необходимо было решить, поэтому мы решили, что нам потребуется немного времени, чтобы поговорить о них подробнее.

Первая проблема, с которой мы столкнулись, заключалась в том, что все изображения наших аватаров исчезли через некоторое время после того, как мы загрузили наше расширение в магазин Chrome. Мы специально загрузили все изображения из Интернета, чтобы нам не нужно было беспокоиться о том, что они исчезнут из своих источников, а затем сохранили их в нашем репозитории Github, поэтому мы были довольно озадачены тем, что происходит, когда мы это поняли. один.

Как оказалось, GitHub периодически меняет прямой путь к URL-адресам из соображений безопасности, поэтому наши изображения больше не загружаются. Как только мы это выяснили, было достаточно просто отредактировать местоположение, чтобы сделать его относительным, и повторно развернуть наш веб-сайт, и все было готово!

Самая большая проблема, с которой нам пришлось столкнуться до сих пор, - это когда видеопроигрыватель уменьшился до трети страницы при запуске нашего расширения. Вместо того, чтобы видеоплеер занимал две трети страницы, а чат Couch Potato занимал одну треть, видеоплеер занимал левую треть, вы могли видеть домашнюю страницу Hulu во второй трети, а Couch Potato загружался в правая третья.

Это неудачное обновление стало результатом того, что Hulu запустила Hulu Watch Party, о чем мы говорили в предыдущем сообщении в блоге. Я предположил, что это будет легко исправить, но затем потратил слишком много времени, пытаясь захватить нужный элемент и заставить видеоплеер снова занять две трети страницы.

Как ни странно, это было результатом освежения моих манипуляций с DOM для собеседования по кодированию, которое привело к поиску действительно простого решения проблемы. Поскольку проблема заключалась в том, что мы не захватывали правильный родительский элемент для игрока и не устанавливали дочерние элементы на две трети и одну треть, я изменил наш код, который идентифицировал конкретный элемент как родительский, и вместо этого получил parentElement напрямую. с видеоплеера, и мы были готовы к работе! Очень жаль, сколько времени я потратил, пытаясь понять это, только чтобы прийти к такому простому решению, но в конце концов я пришел к нему, и новый код стал короче и легче читается. У него также есть дополнительное преимущество, заключающееся в меньшей вероятности поломки, поскольку Hulu продолжает экспериментировать и обновлять свою кодовую базу.

Приятно, что мы смогли решить проблемы, которые возникли в связи с размещением Couch Potato в магазине Chrome, хотя иногда нам требуется больше времени, чтобы понять, что есть проблема, чем, вероятно, следовало бы! Тем не менее, здорово иметь новую проблему, над которой нужно работать, и снова погрузиться в наш код, и мы с нетерпением ждем возможности увидеть, что принесет будущее нашего расширения.

Наша серия блогов, в которой подробно рассказывается о том, как мы создали Couch Potato, подходит к концу, но еще не закончена! Следите за нашей последней публикацией, в которой мы расскажем о том, как мы поступили бы по-другому и что мы запланировали на будущее нашего расширения.

Хотите узнать больше о Couch Potato? Начни эту серию блогов с самого начала! И не забудьте скачать Couch Potato из магазина Chrome, чтобы начать смотреть шоу с друзьями прямо сейчас!